@tamagui/roving-focus 2.0.0-rc.9 → 2.0.0

package/dist/esm/RovingFocusGroup.mjs

@@ -7,145 +7,153 @@ import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus",
-  EVENT_OPTIONS = {
-    bubbles: !1,
-    cancelable: !0
-  },
-  RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeRovingFocusGroup,
-        orientation,
-        loop = !1,
-        dir,
-        currentTabStopId: currentTabStopIdProp,
-        defaultCurrentTabStopId,
-        onCurrentTabStopIdChange,
-        onEntryFocus,
-        asChild,
-        ...groupProps
-      } = props,
-      ref = React.useRef(null),
-      composedRefs = useComposedRefs(forwardedRef, ref),
-      direction = useDirection(dir),
-      [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
-        prop: currentTabStopIdProp,
-        defaultProp: defaultCurrentTabStopId ?? null,
-        onChange: onCurrentTabStopIdChange
+const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+const EVENT_OPTIONS = {
+  bubbles: false,
+  cancelable: true
+};
+const RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    orientation,
+    loop = false,
+    dir,
+    currentTabStopId: currentTabStopIdProp,
+    defaultCurrentTabStopId,
+    onCurrentTabStopIdChange,
+    onEntryFocus,
+    asChild,
+    ...groupProps
+  } = props;
+  const ref = React.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const direction = useDirection(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
+    prop: currentTabStopIdProp,
+    defaultProp: defaultCurrentTabStopId ?? null,
+    onChange: onCurrentTabStopIdChange
+  });
+  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
+  const handleEntryFocus = useEvent(onEntryFocus);
+  const getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT);
+  const isClickFocusRef = React.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+  const Comp = asChild ? Slot : View;
+  return /* @__PURE__ */jsx(RovingFocusProvider, {
+    scope: __scopeRovingFocusGroup,
+    orientation,
+    dir: direction,
+    loop,
+    currentTabStopId,
+    onItemFocus: React.useCallback(tabStopId => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
+    onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),
+    onFocusableItemAdd: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount + 1), []),
+    onFocusableItemRemove: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount - 1), []),
+    children: /* @__PURE__ */jsx(Comp, {
+      tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+      "data-orientation": orientation,
+      ...groupProps,
+      ref: composedRefs,
+      outlineStyle: "none",
+      onMouseDown: composeEventHandlers(props.onMouseDown, () => {
+        isClickFocusRef.current = true;
       }),
-      [isTabbingBackOut, setIsTabbingBackOut] = React.useState(!1),
-      handleEntryFocus = useEvent(onEntryFocus),
-      getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT),
-      isClickFocusRef = React.useRef(!1),
-      [focusableItemsCount, setFocusableItemsCount] = React.useState(0),
-      Comp = asChild ? Slot : View;
-    return /* @__PURE__ */jsx(RovingFocusProvider, {
-      scope: __scopeRovingFocusGroup,
-      orientation,
-      dir: direction,
-      loop,
-      currentTabStopId,
-      onItemFocus: React.useCallback(tabStopId => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
-      onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(!0), []),
-      onFocusableItemAdd: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount + 1), []),
-      onFocusableItemRemove: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount - 1), []),
-      children: /* @__PURE__ */jsx(Comp, {
-        tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-        "data-orientation": orientation,
-        ...groupProps,
-        ref: composedRefs,
-        outlineStyle: "none",
-        onMouseDown: composeEventHandlers(props.onMouseDown, () => {
-          isClickFocusRef.current = !0;
-        }),
-        onFocus: composeEventHandlers(props.onFocus, event => {
-          const isKeyboardFocus = !isClickFocusRef.current;
-          if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-            const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-            if (handleEntryFocus(entryFocusEvent), !entryFocusEvent.defaultPrevented) {
-              const items = getItems().filter(item => item.focusable),
-                activeItem = items.find(item => item.active),
-                currentItem = items.find(item => item.id === currentTabStopId),
-                candidateNodes = [activeItem, currentItem, ...items].filter(Boolean).map(item => item.ref.current);
-              focusFirst(candidateNodes, {
-                focusVisible: !1
-              });
-            }
+      onFocus: composeEventHandlers(props.onFocus, event => {
+        const isKeyboardFocus = !isClickFocusRef.current;
+        if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+          const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
+          handleEntryFocus(entryFocusEvent);
+          if (!entryFocusEvent.defaultPrevented) {
+            const items = getItems().filter(item => item.focusable);
+            const activeItem = items.find(item => item.active);
+            const currentItem = items.find(item => item.id === currentTabStopId);
+            const candidateItems = [activeItem, currentItem, ...items].filter(Boolean);
+            const candidateNodes = candidateItems.map(item => item.ref.current);
+            focusFirst(candidateNodes, {
+              focusVisible: false
+            });
           }
-          isClickFocusRef.current = !1;
-        }),
-        onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(!1))
-      })
-    });
-  }),
-  ITEM_NAME = "RovingFocusGroupItem",
-  RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeRovingFocusGroup,
-        focusable = !0,
-        active = !1,
-        tabStopId,
-        ...itemProps
-      } = props,
-      autoId = React.useId(),
-      id = tabStopId || autoId,
-      context = useRovingFocusContext(__scopeRovingFocusGroup),
-      isCurrentTabStop = context.currentTabStopId === id,
-      getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT),
-      {
-        onFocusableItemAdd,
-        onFocusableItemRemove
-      } = context;
-    return React.useEffect(() => {
-      if (focusable) return onFocusableItemAdd(), () => onFocusableItemRemove();
-    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]), /* @__PURE__ */jsx(Collection.ItemSlot, {
-      scope: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
-      id,
-      focusable,
-      active,
-      children: /* @__PURE__ */jsx(View, {
-        tabIndex: focusable ? 0 : -1,
-        "data-orientation": context.orientation,
-        ...itemProps,
-        ref: forwardedRef,
-        onMouseDown: composeEventHandlers(props.onMouseDown, event => {
-          focusable ? context.onItemFocus(id) : event.preventDefault();
-        }),
-        onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-        ...(isWeb && {
-          onKeyDown: composeEventHandlers(props.onKeyDown, event => {
-            if (event.key === "Tab" && event.shiftKey) {
-              context.onItemShiftTab();
-              return;
-            }
-            if (event.target !== event.currentTarget) return;
-            const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-            if (focusIntent !== void 0) {
-              event.preventDefault();
-              let candidateNodes = getItems().filter(item => item.focusable).map(item => item.ref.current);
-              if (focusIntent === "last") candidateNodes.reverse();else if (focusIntent === "prev" || focusIntent === "next") {
-                focusIntent === "prev" && candidateNodes.reverse();
-                const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-              }
-              setTimeout(() => focusFirst(candidateNodes, {
-                focusVisible: !0
-              }));
+        }
+        isClickFocusRef.current = false;
+      }),
+      onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
+    })
+  });
+});
+const ITEM_NAME = "RovingFocusGroupItem";
+const RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    focusable = true,
+    active = false,
+    tabStopId,
+    ...itemProps
+  } = props;
+  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 {
+    onFocusableItemAdd,
+    onFocusableItemRemove
+  } = context;
+  React.useEffect(() => {
+    if (focusable) {
+      onFocusableItemAdd();
+      return () => onFocusableItemRemove();
+    }
+  }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
+  return /* @__PURE__ */jsx(Collection.ItemSlot, {
+    scope: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
+    id,
+    focusable,
+    active,
+    children: /* @__PURE__ */jsx(View, {
+      tabIndex: focusable ? 0 : -1,
+      "data-orientation": context.orientation,
+      ...itemProps,
+      ref: forwardedRef,
+      onMouseDown: composeEventHandlers(props.onMouseDown, event => {
+        if (!focusable) event.preventDefault();else context.onItemFocus(id);
+      }),
+      onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
+      ...(isWeb && {
+        onKeyDown: composeEventHandlers(props.onKeyDown, event => {
+          if (event.key === "Tab" && event.shiftKey) {
+            context.onItemShiftTab();
+            return;
+          }
+          if (event.target !== event.currentTarget) return;
+          const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+          if (focusIntent !== void 0) {
+            event.preventDefault();
+            const items = getItems().filter(item => item.focusable);
+            let candidateNodes = items.map(item => item.ref.current);
+            if (focusIntent === "last") candidateNodes.reverse();else if (focusIntent === "prev" || focusIntent === "next") {
+              if (focusIntent === "prev") candidateNodes.reverse();
+              const currentIndex = candidateNodes.indexOf(event.currentTarget);
+              candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
             }
-          })
+            setTimeout(() => focusFirst(candidateNodes, {
+              focusVisible: true
+            }));
+          }
         })
       })
-    });
+    })
   });
+});
 RovingFocusGroupItem.displayName = ITEM_NAME;
-const GROUP_NAME = "RovingFocusGroup",
-  [Collection, useCollection] = createCollection(GROUP_NAME),
-  {
-    Provider: RovingFocusProvider,
-    useStyledContext: useRovingFocusContext
-  } = createStyledContext(),
-  ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext",
-  RovingFocusGroup = withStaticProperties(React.forwardRef((props, forwardedRef) => /* @__PURE__ */jsx(Collection.Provider, {
+const GROUP_NAME = "RovingFocusGroup";
+const [Collection, useCollection] = createCollection(GROUP_NAME);
+const {
+  Provider: RovingFocusProvider,
+  useStyledContext: useRovingFocusContext
+} = createStyledContext();
+const ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext";
+const RovingFocusGroup = withStaticProperties(React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */jsx(Collection.Provider, {
     scope: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
     children: /* @__PURE__ */jsx(Collection.Slot, {
       scope: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
@@ -154,9 +162,10 @@ const GROUP_NAME = "RovingFocusGroup",
         ref: forwardedRef
       })
     })
-  })), {
-    Item: RovingFocusGroupItem
   });
+}), {
+  Item: RovingFocusGroupItem
+});
 RovingFocusGroup.displayName = GROUP_NAME;
 const MAP_KEY_TO_FOCUS_INTENT = {
   ArrowLeft: "prev",
@@ -169,17 +178,24 @@ const MAP_KEY_TO_FOCUS_INTENT = {
   End: "last"
 };
 function getDirectionAwareKey(key, dir) {
-  return dir !== "rtl" ? key : key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+  if (dir !== "rtl") return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
 function getFocusIntent(event, orientation, dir) {
   const key = getDirectionAwareKey(event.key, dir);
-  if (!(orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) && !(orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key))) return MAP_KEY_TO_FOCUS_INTENT[key];
+  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
 }
 function focusFirst(candidates, options) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) if (candidate === PREVIOUSLY_FOCUSED_ELEMENT || (candidate.focus({
-    focusVisible: options?.focusVisible
-  }), document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)) return;
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus({
+      focusVisible: options?.focusVisible
+    });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
 }
 function wrapArray(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);

package/dist/esm/RovingFocusGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createCollection","useComposedRefs","isWeb","Slot","View","createStyledContext","useEvent","composeEventHandlers","withStaticProperties","useControllableState","useDirection","React","jsx","ENTRY_FOCUS","EVENT_OPTIONS","bubbles","cancelable","RovingFocusGroupImpl","forwardRef","props","forwardedRef","__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopId","currentTabStopIdProp","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","asChild","groupProps","ref","useRef","composedRefs","direction","setCurrentTabStopId","prop","defaultProp","onChange","isTabbingBackOut","setIsTabbingBackOut","useState","handleEntryFocus","getItems","useCollection","ROVING_FOCUS_GROUP_CONTEXT","isClickFocusRef","focusableItemsCount","setFocusableItemsCount","Comp","RovingFocusProvider","scope","onItemFocus","useCallback","tabStopId","onItemShiftTab","onFocusableItemAdd","prevCount","onFocusableItemRemove","children","tabIndex","outlineStyle","onMouseDown","current","onFocus","event","isKeyboardFocus","target","currentTarget","entryFocusEvent","CustomEvent","defaultPrevented","items","filter","item","focusable","activeItem","find","active","currentItem","id","candidateNodes","Boolean","map","focusFirst","focusVisible","onBlur","ITEM_NAME","RovingFocusGroupItem","itemProps","autoId","useId","context","useRovingFocusContext","isCurrentTabStop","useEffect","Collection","ItemSlot","preventDefault","onKeyDown","key","shiftKey","focusIntent","getFocusIntent","reverse","currentIndex","indexOf","wrapArray","slice","setTimeout","displayName","GROUP_NAME","Provider","useStyledContext","RovingFocusGroup","Item","MAP_KEY_TO_FOCUS_INTENT","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","PageUp","Home","PageDown","End","getDirectionAwareKey","includes","candidates","options","PREVIOUSLY_FOCUSED_ELEMENT","document","activeElement","candidate","focus","array","startIndex","_","index","length"],"sources":["../../src/RovingFocusGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createCollection","useComposedRefs","isWeb","Slot","View","createStyledContext","useEvent","composeEventHandlers","withStaticProperties","useControllableState","useDirection","React","jsx","ENTRY_FOCUS","EVENT_OPTIONS","bubbles","cancelable","RovingFocusGroupImpl","forwardRef","props","forwardedRef","__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopId","currentTabStopIdProp","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","asChild","groupProps","ref","useRef","composedRefs","direction","setCurrentTabStopId","prop","defaultProp","onChange","isTabbingBackOut","setIsTabbingBackOut","useState","handleEntryFocus","getItems","useCollection","ROVING_FOCUS_GROUP_CONTEXT","isClickFocusRef","focusableItemsCount","setFocusableItemsCount","Comp","RovingFocusProvider","scope","onItemFocus","useCallback","tabStopId","onItemShiftTab","onFocusableItemAdd","prevCount","onFocusableItemRemove","children","tabIndex","outlineStyle","onMouseDown","current","onFocus","event","isKeyboardFocus","target","currentTarget","entryFocusEvent","CustomEvent","defaultPrevented","items","filter","item","focusable","activeItem","find","active","currentItem","id","candidateItems","Boolean","candidateNodes","map","focusFirst","focusVisible","onBlur","ITEM_NAME","RovingFocusGroupItem","itemProps","autoId","useId","context","useRovingFocusContext","isCurrentTabStop","useEffect","Collection","ItemSlot","preventDefault","onKeyDown","key","shiftKey","focusIntent","getFocusIntent","reverse","currentIndex","indexOf","wrapArray","slice","setTimeout","displayName","GROUP_NAME","Provider","useStyledContext","RovingFocusGroup","Item","MAP_KEY_TO_FOCUS_INTENT","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","PageUp","Home","PageDown","End","getDirectionAwareKey","includes","candidates","options","PREVIOUSLY_FOCUSED_ELEMENT","document","activeElement","candidate","focus","array","startIndex","_","index","length"],"sources":["../../src/RovingFocusGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RovingFocusGroup.native.js

@@ -1,32 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { View } from "@tamagui/core";
+import { styled, View } from "@tamagui/core";
 import { withStaticProperties } from "@tamagui/helpers";
-import React from "react";
-var ITEM_NAME = "RovingFocusGroupItem",
-  RovingFocusGroupItem = /* @__PURE__ */React.forwardRef(function (param, _ref) {
-    var {
-      children,
-      ...props
-    } = param;
-    return /* @__PURE__ */_jsx(View, {
-      ...props,
-      children
-    });
-  });
-RovingFocusGroupItem.displayName = ITEM_NAME;
-var GROUP_NAME = "RovingFocusGroup",
-  RovingFocusGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (param, _ref) {
-    var {
-      children,
-      ...props
-    } = param;
-    return /* @__PURE__ */_jsx(View, {
-      ...props,
-      children
-    });
-  }), {
-    Item: RovingFocusGroupItem
-  });
+var ITEM_NAME = "RovingFocusGroupItem";
+var RovingFocusGroupItem = styled(View, {
+  name: ITEM_NAME
+});
+var GROUP_NAME = "RovingFocusGroup";
+var RovingFocusGroupFrame = styled(View, {
+  name: GROUP_NAME
+});
+var RovingFocusGroup = withStaticProperties(RovingFocusGroupFrame, {
+  Item: RovingFocusGroupItem
+});
 RovingFocusGroup.displayName = GROUP_NAME;
 var createRovingFocusGroupScope = function () {
   return function () {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","View","withStaticProperties","React","ITEM_NAME","RovingFocusGroupItem","forwardRef","param","_ref","children","props","displayName","GROUP_NAME","RovingFocusGroup","Item","createRovingFocusGroupScope"],"sources":["../../src/RovingFocusGroup.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,IAAA,QAAY;AACrB,SAASC,oBAAA,QAA4B;AACrC,OAAOC,KAAA,MAAW;AAElB,IAAIC,SAAA,GAAY;EACZC,oBAAA,GAAqC,eAAAF,KAAA,CAAMG,UAAA,CAAW,UAASC,KAAA,EAAOC,IAAA,EAAM;IAC5E,IAAI;MAAEC,QAAA;MAAU,GAAGC;IAAM,IAAIH,KAAA;IAC7B,OAAqB,eAAAP,IAAA,CAAKC,IAAA,EAAM;MAC5B,GAAGS,KAAA;MACHD;IACJ,CAAC;EACL,CAAC;AACDJ,oBAAA,CAAqBM,WAAA,GAAcP,SAAA;AACnC,IAAIQ,UAAA,GAAa;EACbC,gBAAA,GAAmBX,oBAAA,CAAmC,eAAAC,KAAA,CAAMG,UAAA,CAAW,UAASC,KAAA,EAAOC,IAAA,EAAM;IAC7F,IAAI;MAAEC,QAAA;MAAU,GAAGC;IAAM,IAAIH,KAAA;IAC7B,OAAqB,eAAAP,IAAA,CAAKC,IAAA,EAAM;MAC5B,GAAGS,KAAA;MACHD;IACJ,CAAC;EACL,CAAC,GAAG;IACAK,IAAA,EAAMT;EACV,CAAC;AACDQ,gBAAA,CAAiBF,WAAA,GAAcC,UAAA;AAC/B,IAAIG,2BAAA,GAA8B,SAAAA,CAAA,EAAW;EACzC,OAAO,YAAW;IACd,OAAO,CAAC;EACZ;AACJ","ignoreList":[]}
+{"version":3,"names":["styled","View","withStaticProperties","ITEM_NAME","RovingFocusGroupItem","name","GROUP_NAME","RovingFocusGroupFrame","RovingFocusGroup","Item","displayName","createRovingFocusGroupScope"],"sources":["../../src/RovingFocusGroup.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,oBAAA,QAA4B;AAErC,IAAIC,SAAA,GAAY;AAChB,IAAIC,oBAAA,GAAuBJ,MAAA,CAAOC,IAAA,EAAM;EACpCI,IAAA,EAAMF;AACV,CAAC;AACD,IAAIG,UAAA,GAAa;AACjB,IAAIC,qBAAA,GAAwBP,MAAA,CAAOC,IAAA,EAAM;EACrCI,IAAA,EAAMC;AACV,CAAC;AACD,IAAIE,gBAAA,GAAmBN,oBAAA,CAAqBK,qBAAA,EAAuB;EAC/DE,IAAA,EAAML;AACV,CAAC;AACDI,gBAAA,CAAiBE,WAAA,GAAcJ,UAAA;AAC/B,IAAIK,2BAAA,GAA8B,SAAAA,CAAA,EAAW;EACzC,OAAO,YAAW;IACd,OAAO,CAAC;EACZ;AACJ","ignoreList":[]}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./RovingFocusGroup";
+export * from "./RovingFocusGroup.mjs";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/roving-focus",
-  "version": "2.0.0-rc.9",
+  "version": "2.0.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -20,10 +20,11 @@
     ".": {
       "types": "./types/index.d.ts",
       "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -36,18 +37,18 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/collection": "2.0.0-rc.9",
-    "@tamagui/compose-refs": "2.0.0-rc.9",
-    "@tamagui/constants": "2.0.0-rc.9",
-    "@tamagui/core": "2.0.0-rc.9",
-    "@tamagui/create-context": "2.0.0-rc.9",
-    "@tamagui/helpers": "2.0.0-rc.9",
-    "@tamagui/use-controllable-state": "2.0.0-rc.9",
-    "@tamagui/use-direction": "2.0.0-rc.9",
-    "@tamagui/use-event": "2.0.0-rc.9"
+    "@tamagui/collection": "2.0.0",
+    "@tamagui/compose-refs": "2.0.0",
+    "@tamagui/constants": "2.0.0",
+    "@tamagui/core": "2.0.0",
+    "@tamagui/create-context": "2.0.0",
+    "@tamagui/helpers": "2.0.0",
+    "@tamagui/use-controllable-state": "2.0.0",
+    "@tamagui/use-direction": "2.0.0",
+    "@tamagui/use-event": "2.0.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.9",
+    "@tamagui/build": "2.0.0",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/RovingFocusGroup.native.tsx

@@ -1,26 +1,28 @@
-import { View } from '@tamagui/core'
+import { styled, View } from '@tamagui/core'
 import { withStaticProperties } from '@tamagui/helpers'
-import React from 'react'
 
 import type { RovingFocusGroupProps, RovingFocusItemProps } from './RovingFocusGroup'
 
 // noop native doesn't need keyboard accessibility
 
 const ITEM_NAME = 'RovingFocusGroupItem'
-const RovingFocusGroupItem = React.forwardRef(
-  ({ children, ...props }: RovingFocusItemProps, _ref) => (
-    <View {...props}>{children}</View>
-  )
-)
-RovingFocusGroupItem.displayName = ITEM_NAME
+const RovingFocusGroupItem = styled(View, {
+  name: ITEM_NAME,
+})
+
 const GROUP_NAME = 'RovingFocusGroup'
+const RovingFocusGroupFrame = styled(View, {
+  name: GROUP_NAME,
+})
 
 const RovingFocusGroup = withStaticProperties(
-  React.forwardRef(({ children, ...props }: RovingFocusGroupProps, _ref) => (
-    <View {...props}>{children}</View>
-  )),
+  RovingFocusGroupFrame as typeof RovingFocusGroupFrame & {
+    (props: RovingFocusGroupProps & { children?: any }): any
+  },
   {
-    Item: RovingFocusGroupItem,
+    Item: RovingFocusGroupItem as typeof RovingFocusGroupItem & {
+      (props: RovingFocusItemProps & { children?: any }): any
+    },
   }
 )
 

package/types/RovingFocusGroup.native.d.ts

@@ -1,7 +1,15 @@
-import React from 'react';
 import type { RovingFocusGroupProps, RovingFocusItemProps } from './RovingFocusGroup';
-declare const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<unknown>> & {
-    Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<unknown>>;
+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"> & {
+    __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;
+}) => any) & {
+    Item: typeof RovingFocusGroupItem & {
+        (props: RovingFocusItemProps & {
+            children?: any;
+        }): any;
+    };
 };
 declare const createRovingFocusGroupScope: () => () => {};
 export { RovingFocusGroup, createRovingFocusGroupScope };

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

@@ -1 +1 @@
-{"version":3,"file":"RovingFocusGroup.native.d.ts","sourceRoot":"","sources":["../src/RovingFocusGroup.native.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAarF,QAAA,MAAM,gBAAgB;;CAOrB,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,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"}