@tamagui/roving-focus 2.7.6 → 3.0.0-beta.637.1

package/dist/cjs/RovingFocusGroup.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,36 +6,29 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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: true
-  });
+	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;
+	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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RovingFocusGroup_exports = {};
 __export(RovingFocusGroup_exports, {
-  RovingFocusGroup: () => RovingFocusGroup,
-  RovingFocusGroupItem: () => RovingFocusGroupItem
+	RovingFocusGroup: () => RovingFocusGroup,
+	RovingFocusGroupItem: () => RovingFocusGroupItem
 });
 module.exports = __toCommonJS(RovingFocusGroup_exports);
 var import_collection = require("@tamagui/collection");
@@ -46,196 +40,199 @@ 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;
-      }),
-      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 = false;
-      }),
-      onBlur: (0, import_helpers.composeEventHandlers)(props.onBlur, () => setIsTabbingBackOut(false))
-    })
-  });
+const RovingFocusGroupImpl = (0, import_core.createRefComponent)((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: (tabStopId, details) => {
+			if (details) onCurrentTabStopIdChange?.(tabStopId, details);
+		}
+	});
+	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 pendingFocusDetailsRef = React.useRef(null);
+	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, event) => {
+			if (tabStopId === currentTabStopId) return;
+			const details = pendingFocusDetailsRef.current ?? (0, import_core.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), []),
+		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;
+			}),
+			onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
+				const isKeyboardFocus = !isClickFocusRef.current;
+				if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+					const details = (0, import_core.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);
+						const candidateItems = [
+							activeItem,
+							currentItem,
+							...items
+						].filter(Boolean);
+						const candidateNodes = candidateItems.map((item) => item.ref.current);
+						focusFirst(candidateNodes, { focusVisible: false });
+					}
+				}
+				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
-            }));
-          }
-        })
-      })
-    })
-  });
+const RovingFocusGroupItem = (0, import_core.createRefComponent)((props, forwardedRef) => {
+	const { __scopeRovingFocusGroup, active = false, tabStopId, tabIndex: tabIndexProp, ...itemProps } = props;
+	const tabIndex = tabIndexProp ?? 0;
+	const focusable = Number(tabIndex) >= 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;
+	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,
+			"data-orientation": context.orientation,
+			...itemProps,
+			ref: forwardedRef,
+			onMouseDown: (0, import_helpers.composeEventHandlers)(props.onMouseDown, (event) => {
+				if (!focusable) event.preventDefault();
+				else {
+					skipNextFocusRequestRef.current = true;
+					queueMicrotask(() => {
+						skipNextFocusRequestRef.current = false;
+					});
+					context.onItemFocus(id, event);
+				}
+			}),
+			onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
+				if (skipNextFocusRequestRef.current) {
+					skipNextFocusRequestRef.current = false;
+					return;
+				}
+				context.onItemFocus(id, event);
+			}),
+			...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);
+					}
+					const details = (0, import_core.createChangeEventDetails)("keyboard", event, event.currentTarget);
+					setTimeout(() => {
+						context.setPendingFocusDetails(details);
+						focusFirst(candidateNodes, { focusVisible: true });
+						context.setPendingFocusDetails(null);
+					});
+				}
+			}) }
+		})
+	});
 });
 RovingFocusGroupItem.displayName = ITEM_NAME;
 const GROUP_NAME = "RovingFocusGroup";
 const [Collection, useCollection] = (0, import_collection.createCollection)(GROUP_NAME);
-const {
-  Provider: RovingFocusProvider,
-  useStyledContext: useRovingFocusContext
-} = (0, import_core.createStyledContext)();
+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,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RovingFocusGroupImpl, {
-        ...props,
-        ref: forwardedRef
-      })
-    })
-  });
-}), {
-  Item: RovingFocusGroupItem
-});
+const RovingFocusGroup = (0, import_helpers.withStaticProperties)((0, import_core.createRefComponent)((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,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RovingFocusGroupImpl, {
+				...props,
+				ref: forwardedRef
+			})
+		})
+	});
+}), { Item: RovingFocusGroupItem });
 RovingFocusGroup.displayName = GROUP_NAME;
 const MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
 };
 function getDirectionAwareKey(key, dir) {
-  if (dir !== "rtl") return key;
-  return 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)) return void 0;
-  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-  return MAP_KEY_TO_FOCUS_INTENT[key];
+	const key = getDirectionAwareKey(event.key, dir);
+	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) return;
-    candidate.focus({
-      focusVisible: options?.focusVisible
-    });
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
+	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+	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]);
-}
+	return array.map((_, index) => array[(startIndex + index) % array.length]);
+}

package/dist/cjs/RovingFocusGroup.native.cjs

@@ -0,0 +1,42 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	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 __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_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+var ITEM_NAME = "RovingFocusGroupItem";
+var RovingFocusGroupItem = (0, import_core.styled)(import_core.View, { displayName: ITEM_NAME });
+var GROUP_NAME = "RovingFocusGroup";
+var RovingFocusGroupFrame = (0, import_core.styled)(import_core.View, { displayName: GROUP_NAME });
+var RovingFocusGroup = (0, import_helpers.withStaticProperties)(RovingFocusGroupFrame, { Item: RovingFocusGroupItem });
+RovingFocusGroup.displayName = GROUP_NAME;
+var createRovingFocusGroupScope = function() {
+	return function() {
+		return {};
+	};
+};

package/dist/cjs/RovingFocusGroup.native.js

@@ -1,50 +1,44 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 RovingFocusGroup_native_exports = {};
 __export(RovingFocusGroup_native_exports, {
-  RovingFocusGroup: () => RovingFocusGroup,
-  createRovingFocusGroupScope: () => createRovingFocusGroupScope
+	RovingFocusGroup: () => RovingFocusGroup,
+	createRovingFocusGroupScope: () => createRovingFocusGroupScope
 });
 module.exports = __toCommonJS(RovingFocusGroup_native_exports);
 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 RovingFocusGroupItem = (0, import_core.styled)(import_core.View, { displayName: 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
-});
+var RovingFocusGroupFrame = (0, import_core.styled)(import_core.View, { displayName: GROUP_NAME });
+var RovingFocusGroup = (0, import_helpers.withStaticProperties)(RovingFocusGroupFrame, { Item: RovingFocusGroupItem });
 RovingFocusGroup.displayName = GROUP_NAME;
-var createRovingFocusGroupScope = function () {
-  return function () {
-    return {};
-  };
+var createRovingFocusGroupScope = function() {
+	return function() {
+		return {};
+	};
 };
+
 //# sourceMappingURL=RovingFocusGroup.native.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"RovingFocusGroup.native.js","names":[],"sources":["cjs/RovingFocusGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\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 RovingFocusGroup_native_exports = {};\n__export(RovingFocusGroup_native_exports, {\n  RovingFocusGroup: () => RovingFocusGroup,\n  createRovingFocusGroupScope: () => createRovingFocusGroupScope\n});\nmodule.exports = __toCommonJS(RovingFocusGroup_native_exports);\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar ITEM_NAME = \"RovingFocusGroupItem\";\nvar RovingFocusGroupItem = (0, import_core.styled)(import_core.View, {\n  displayName: ITEM_NAME\n});\nvar GROUP_NAME = \"RovingFocusGroup\";\nvar RovingFocusGroupFrame = (0, import_core.styled)(import_core.View, {\n  displayName: GROUP_NAME\n});\nvar RovingFocusGroup = (0, import_helpers.withStaticProperties)(RovingFocusGroupFrame, {\n  Item: RovingFocusGroupItem\n});\nRovingFocusGroup.displayName = GROUP_NAME;\nvar createRovingFocusGroupScope = function() {\n  return function() {\n    return {};\n  };\n};\n//# sourceMappingURL=RovingFocusGroup.native.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,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,kCAAkC,CAAC;AACvC,SAAS,iCAAiC;CACxC,wBAAwB;CACxB,mCAAmC;AACrC,CAAC;AACD,OAAO,UAAU,aAAa,+BAA+B;AAC7D,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,YAAY;AAChB,IAAI,wBAAwB,GAAG,YAAY,QAAQ,YAAY,MAAM,EACnE,aAAa,UACf,CAAC;AACD,IAAI,aAAa;AACjB,IAAI,yBAAyB,GAAG,YAAY,QAAQ,YAAY,MAAM,EACpE,aAAa,WACf,CAAC;AACD,IAAI,oBAAoB,GAAG,eAAe,sBAAsB,uBAAuB,EACrF,MAAM,qBACR,CAAC;AACD,iBAAiB,cAAc;AAC/B,IAAI,8BAA8B,WAAW;CAC3C,OAAO,WAAW;EAChB,OAAO,CAAC;CACV;AACF"}

package/dist/cjs/index.cjs

@@ -1,20 +1,19 @@
+
 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./RovingFocusGroup.cjs"), module.exports);
+__reExport(index_exports, require("./RovingFocusGroup.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +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;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./RovingFocusGroup.native.js"), module.exports);