@tamagui/roving-focus 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/RovingFocusGroup.cjs

@@ -2,187 +2,197 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+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;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var RovingFocusGroup_exports = {};
 __export(RovingFocusGroup_exports, {
   RovingFocusGroup: () => RovingFocusGroup,
   RovingFocusGroupItem: () => RovingFocusGroupItem
 });
 module.exports = __toCommonJS(RovingFocusGroup_exports);
-var import_collection = require("@tamagui/collection"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_helpers = require("@tamagui/helpers"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  import_use_direction = require("@tamagui/use-direction"),
-  React = __toESM(require("react"), 1),
-  import_jsx_runtime = require("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 = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref),
-      direction = (0, import_use_direction.useDirection)(dir),
-      [currentTabStopId = null, setCurrentTabStopId] = (0, import_use_controllable_state.useControllableState)({
-        prop: currentTabStopIdProp,
-        defaultProp: defaultCurrentTabStopId ?? null,
-        onChange: onCurrentTabStopIdChange
+var import_collection = require("@tamagui/collection");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_use_direction = require("@tamagui/use-direction");
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+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 = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+  const direction = (0, import_use_direction.useDirection)(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = (0, import_use_controllable_state.useControllableState)({
+    prop: currentTabStopIdProp,
+    defaultProp: defaultCurrentTabStopId ?? null,
+    onChange: onCurrentTabStopIdChange
+  });
+  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
+  const handleEntryFocus = (0, import_core.useEvent)(onEntryFocus);
+  const getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT);
+  const isClickFocusRef = React.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+  const Comp = asChild ? import_core.Slot : import_core.View;
+  return /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(Comp, {
+      tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+      "data-orientation": orientation,
+      ...groupProps,
+      ref: composedRefs,
+      outlineStyle: "none",
+      onMouseDown: (0, import_helpers.composeEventHandlers)(props.onMouseDown, () => {
+        isClickFocusRef.current = true;
       }),
-      [isTabbingBackOut, setIsTabbingBackOut] = React.useState(!1),
-      handleEntryFocus = (0, import_core.useEvent)(onEntryFocus),
-      getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT),
-      isClickFocusRef = React.useRef(!1),
-      [focusableItemsCount, setFocusableItemsCount] = React.useState(0),
-      Comp = asChild ? import_core.Slot : import_core.View;
-    return /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(Comp, {
-        tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-        "data-orientation": orientation,
-        ...groupProps,
-        ref: composedRefs,
-        outlineStyle: "none",
-        onMouseDown: (0, import_helpers.composeEventHandlers)(props.onMouseDown, () => {
-          isClickFocusRef.current = !0;
-        }),
-        onFocus: (0, import_helpers.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: (0, import_helpers.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: (0, import_helpers.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__ */(0, import_jsx_runtime.jsx)(Collection.ItemSlot, {
-      scope: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
-      id,
-      focusable,
-      active,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-        tabIndex: focusable ? 0 : -1,
-        "data-orientation": context.orientation,
-        ...itemProps,
-        ref: forwardedRef,
-        onMouseDown: (0, import_helpers.composeEventHandlers)(props.onMouseDown, event => {
-          focusable ? context.onItemFocus(id) : event.preventDefault();
-        }),
-        onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, () => context.onItemFocus(id)),
-        ...(import_constants.isWeb && {
-          onKeyDown: (0, import_helpers.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: (0, import_helpers.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__ */(0, import_jsx_runtime.jsx)(Collection.ItemSlot, {
+    scope: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
+    id,
+    focusable,
+    active,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
+      tabIndex: focusable ? 0 : -1,
+      "data-orientation": context.orientation,
+      ...itemProps,
+      ref: forwardedRef,
+      onMouseDown: (0, import_helpers.composeEventHandlers)(props.onMouseDown, event => {
+        if (!focusable) event.preventDefault();else context.onItemFocus(id);
+      }),
+      onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, () => context.onItemFocus(id)),
+      ...(import_constants.isWeb && {
+        onKeyDown: (0, import_helpers.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] = (0, import_collection.createCollection)(GROUP_NAME),
-  {
-    Provider: RovingFocusProvider,
-    useStyledContext: useRovingFocusContext
-  } = (0, import_core.createStyledContext)(),
-  ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext",
-  RovingFocusGroup = (0, import_helpers.withStaticProperties)(React.forwardRef((props, forwardedRef) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
+const GROUP_NAME = "RovingFocusGroup";
+const [Collection, useCollection] = (0, import_collection.createCollection)(GROUP_NAME);
+const {
+  Provider: RovingFocusProvider,
+  useStyledContext: useRovingFocusContext
+} = (0, import_core.createStyledContext)();
+const ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext";
+const RovingFocusGroup = (0, import_helpers.withStaticProperties)(React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Provider, {
     scope: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Collection.Slot, {
       scope: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
@@ -191,9 +201,10 @@ const GROUP_NAME = "RovingFocusGroup",
         ref: forwardedRef
       })
     })
-  })), {
-    Item: RovingFocusGroupItem
   });
+}), {
+  Item: RovingFocusGroupItem
+});
 RovingFocusGroup.displayName = GROUP_NAME;
 const MAP_KEY_TO_FOCUS_INTENT = {
   ArrowLeft: "prev",
@@ -206,17 +217,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/cjs/RovingFocusGroup.native.js

@@ -1,71 +1,46 @@
 "use strict";
 
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var RovingFocusGroup_native_exports = {};
 __export(RovingFocusGroup_native_exports, {
   RovingFocusGroup: () => RovingFocusGroup,
   createRovingFocusGroupScope: () => createRovingFocusGroupScope
 });
 module.exports = __toCommonJS(RovingFocusGroup_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_core = require("@tamagui/core"),
-  import_helpers = require("@tamagui/helpers"),
-  import_react = __toESM(require("react"), 1),
-  ITEM_NAME = "RovingFocusGroupItem",
-  RovingFocusGroupItem = /* @__PURE__ */import_react.default.forwardRef(function (param, _ref) {
-    var {
-      children,
-      ...props
-    } = param;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-      ...props,
-      children
-    });
-  });
-RovingFocusGroupItem.displayName = ITEM_NAME;
-var GROUP_NAME = "RovingFocusGroup",
-  RovingFocusGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */import_react.default.forwardRef(function (param, _ref) {
-    var {
-      children,
-      ...props
-    } = param;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-      ...props,
-      children
-    });
-  }), {
-    Item: RovingFocusGroupItem
-  });
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var ITEM_NAME = "RovingFocusGroupItem";
+var RovingFocusGroupItem = (0, import_core.styled)(import_core.View, {
+  name: ITEM_NAME
+});
+var GROUP_NAME = "RovingFocusGroup";
+var RovingFocusGroupFrame = (0, import_core.styled)(import_core.View, {
+  name: GROUP_NAME
+});
+var RovingFocusGroup = (0, import_helpers.withStaticProperties)(RovingFocusGroupFrame, {
+  Item: RovingFocusGroupItem
+});
 RovingFocusGroup.displayName = GROUP_NAME;
 var createRovingFocusGroupScope = function () {
   return function () {

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

@@ -1 +1 @@
-{"version":3,"names":["RovingFocusGroup_native_exports","__export","RovingFocusGroup","createRovingFocusGroupScope","module","exports","__toCommonJS","import_jsx_runtime","require","import_core","import_helpers","import_react","__toESM","ITEM_NAME","RovingFocusGroupItem","default","forwardRef","param","_ref","children","props","jsx","View","displayName","GROUP_NAME","withStaticProperties","Item"],"sources":["../../src/RovingFocusGroup.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,2BAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,+BAAA;AAAA,IAAAO,kBAAA,GAA4BC,OAAA;EAC5BC,WAAA,GAAqBD,OAAA;EACrBE,cAAA,GAAqCF,OAAA;EACrCG,YAAA,GAAkBC,OAAA,CAAAJ,OAAA;EAEdK,SAAA,GAAY;EACZC,oBAAA,GAAqC,eAAAH,YAAA,CAAAI,OAAA,CAAMC,UAAA,CAAW,UAASC,KAAA,EAAOC,IAAA,EAAM;IAC5E,IAAI;MAAEC,QAAA;MAAU,GAAGC;IAAM,IAAIH,KAAA;IAC7B,OAAqB,mBAAAV,kBAAA,CAAAc,GAAA,EAAKZ,WAAA,CAAAa,IAAA,EAAM;MAC5B,GAAGF,KAAA;MACHD;IACJ,CAAC;EACL,CAAC;AACDL,oBAAA,CAAqBS,WAAA,GAAcV,SAAA;AACnC,IAAIW,UAAA,GAAa;EACbtB,gBAAA,OAAmBQ,cAAA,CAAAe,oBAAA,EAAmC,eAAAd,YAAA,CAAAI,OAAA,CAAMC,UAAA,CAAW,UAASC,KAAA,EAAOC,IAAA,EAAM;IAC7F,IAAI;MAAEC,QAAA;MAAU,GAAGC;IAAM,IAAIH,KAAA;IAC7B,OAAqB,mBAAAV,kBAAA,CAAAc,GAAA,EAAKZ,WAAA,CAAAa,IAAA,EAAM;MAC5B,GAAGF,KAAA;MACHD;IACJ,CAAC;EACL,CAAC,GAAG;IACAO,IAAA,EAAMZ;EACV,CAAC;AACDZ,gBAAA,CAAiBqB,WAAA,GAAcC,UAAA;AAC/B,IAAIrB,2BAAA,GAA8B,SAAAA,CAAA,EAAW;EACzC,OAAO,YAAW;IACd,OAAO,CAAC;EACZ;AACJ","ignoreList":[]}
+{"version":3,"names":["RovingFocusGroup_native_exports","__export","RovingFocusGroup","createRovingFocusGroupScope","module","exports","__toCommonJS","import_core","require","import_helpers","ITEM_NAME","RovingFocusGroupItem","styled","View","name","GROUP_NAME","RovingFocusGroupFrame","withStaticProperties","Item","displayName"],"sources":["../../src/RovingFocusGroup.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,2BAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,+BAAA;AAAA,IAAAO,WAAA,GAA6BC,OAAA;AAC7B,IAAAC,cAAA,GAAqCD,OAAA;AAErC,IAAIE,SAAA,GAAY;AAChB,IAAIC,oBAAA,OAAuBJ,WAAA,CAAAK,MAAA,EAAOL,WAAA,CAAAM,IAAA,EAAM;EACpCC,IAAA,EAAMJ;AACV,CAAC;AACD,IAAIK,UAAA,GAAa;AACjB,IAAIC,qBAAA,OAAwBT,WAAA,CAAAK,MAAA,EAAOL,WAAA,CAAAM,IAAA,EAAM;EACrCC,IAAA,EAAMC;AACV,CAAC;AACD,IAAIb,gBAAA,OAAmBO,cAAA,CAAAQ,oBAAA,EAAqBD,qBAAA,EAAuB;EAC/DE,IAAA,EAAMP;AACV,CAAC;AACDT,gBAAA,CAAiBiB,WAAA,GAAcJ,UAAA;AAC/B,IAAIZ,2BAAA,GAA8B,SAAAA,CAAA,EAAW;EACzC,OAAO,YAAW;IACd,OAAO,CAAC;EACZ;AACJ","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -3,15 +3,17 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

package/dist/cjs/index.native.js

@@ -5,15 +5,17 @@ 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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}