@tamagui/radio-headless 3.0.0-beta.924.1 → 3.0.1

package/dist/cjs/useRadioGroup.cjs

@@ -139,12 +139,17 @@ const useRadioGroupItem = (params) => {
 				}
 			}),
 			...import_constants.isWeb && {
-				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, (event) => {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: (0, import_helpers.composeEventHandlers)((event) => {
+					if ("key" in event) onKeyDown?.(event);
+				}, (event) => {
+					const { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange?.(value);
 					}
 				}),
-				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, () => {
+				onFocus: (0, import_helpers.composeEventHandlers)((event) => {
+					if ("relatedTarget" in event) onFocus?.(event);
+				}, () => {
 					if (isArrowKeyPressedRef.current) ref.current?.click();
 				})
 			}

package/dist/cjs/useRadioGroup.native.cjs

@@ -157,12 +157,17 @@ var useRadioGroupItem = function(params) {
 				}
 			}),
 			...import_constants.isWeb && {
-				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("key" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+				}, function(event) {
+					var { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange === null || onChange === void 0 || onChange(value);
 					}
 				}),
-				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {
+				onFocus: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("relatedTarget" in event) onFocus === null || onFocus === void 0 || onFocus(event);
+				}, function() {
 					if (isArrowKeyPressedRef.current) {
 						var _ref_current;
 						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();

package/dist/cjs/useRadioGroup.native.js

@@ -157,12 +157,17 @@ var useRadioGroupItem = function(params) {
 				}
 			}),
 			...import_constants.isWeb && {
-				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("key" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+				}, function(event) {
+					var { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange === null || onChange === void 0 || onChange(value);
 					}
 				}),
-				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {
+				onFocus: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("relatedTarget" in event) onFocus === null || onFocus === void 0 || onFocus(event);
+				}, function() {
 					if (isArrowKeyPressedRef.current) {
 						var _ref_current;
 						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();

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

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["cjs/useRadioGroup.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\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useRadioGroup_exports = {};\n__export(useRadioGroup_exports, {\n\tuseRadioGroup: () => useRadioGroup,\n\tuseRadioGroupItem: () => useRadioGroupItem,\n\tuseRadioGroupItemIndicator: () => useRadioGroupItemIndicator\n});\nmodule.exports = __toCommonJS(useRadioGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_label = require(\"@tamagui/label\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_react = require(\"react\");\nvar import_BubbleInput = require(\"./BubbleInput\");\nvar import_utils = require(\"./utils\");\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react.useContext)(radioGroupContext);\n\tvar [button, setButton] = (0, import_react.useState)(null);\n\tvar hasConsumerStoppedPropagationRef = (0, import_react.useRef)(false);\n\tvar ref = (0, import_react.useRef)(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = (0, import_react.useRef)(false);\n\tvar isFormControl = import_constants.isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = (0, import_label.useLabelContext)(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\t(0, import_react.useEffect)(function() {\n\t\tif (import_constants.isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\t(0, import_react.useEffect)(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn (0, import_focusable.registerFocusable)(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...import_constants.isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...import_constants.isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...import_constants.isWeb && {\n\t\t\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {\n\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = (0, import_react.useContext)(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n//# sourceMappingURL=useRadioGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["cjs/useRadioGroup.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\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useRadioGroup_exports = {};\n__export(useRadioGroup_exports, {\n\tuseRadioGroup: () => useRadioGroup,\n\tuseRadioGroupItem: () => useRadioGroupItem,\n\tuseRadioGroupItemIndicator: () => useRadioGroupItemIndicator\n});\nmodule.exports = __toCommonJS(useRadioGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_label = require(\"@tamagui/label\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_react = require(\"react\");\nvar import_BubbleInput = require(\"./BubbleInput\");\nvar import_utils = require(\"./utils\");\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react.useContext)(radioGroupContext);\n\tvar [button, setButton] = (0, import_react.useState)(null);\n\tvar hasConsumerStoppedPropagationRef = (0, import_react.useRef)(false);\n\tvar ref = (0, import_react.useRef)(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = (0, import_react.useRef)(false);\n\tvar isFormControl = import_constants.isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = (0, import_label.useLabelContext)(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\t(0, import_react.useEffect)(function() {\n\t\tif (import_constants.isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\t(0, import_react.useEffect)(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn (0, import_focusable.registerFocusable)(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...import_constants.isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...import_constants.isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...import_constants.isWeb && {\n\t\t\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {\n\t\t\t\t\tif (\"key\" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);\n\t\t\t\t}, function(event) {\n\t\t\t\t\tvar { key } = event.nativeEvent;\n\t\t\t\t\tif (key === \"Enter\" || key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: (0, import_helpers.composeEventHandlers)(function(event) {\n\t\t\t\t\tif (\"relatedTarget\" in event) onFocus === null || onFocus === void 0 || onFocus(event);\n\t\t\t\t}, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = (0, import_react.useContext)(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n//# sourceMappingURL=useRadioGroup.js.map\n"],"mappings":"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"}

package/dist/esm/useRadioGroup.mjs

@@ -112,12 +112,17 @@ const useRadioGroupItem = (params) => {
 				}
 			}),
 			...isWeb && {
-				onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: composeEventHandlers((event) => {
+					if ("key" in event) onKeyDown?.(event);
+				}, (event) => {
+					const { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange?.(value);
 					}
 				}),
-				onFocus: composeEventHandlers(onFocus, () => {
+				onFocus: composeEventHandlers((event) => {
+					if ("relatedTarget" in event) onFocus?.(event);
+				}, () => {
 					if (isArrowKeyPressedRef.current) ref.current?.click();
 				})
 			}

package/dist/esm/useRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.js","names":[],"sources":["esm/useRadioGroup.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\nimport { jsx } from \"react/jsx-runtime\";\n\nfunction useRadioGroup(params) {\n\tconst { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tconst [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nconst ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nconst useRadioGroupItem = (params) => {\n\tconst { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tconst { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tconst [button, setButton] = useState(null);\n\tconst hasConsumerStoppedPropagationRef = useRef(false);\n\tconst ref = useRef(null);\n\tconst composedRefs = useComposedRefs(refProp, (node) => setButton(node), ref);\n\tconst isArrowKeyPressedRef = useRef(false);\n\tconst isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tconst checked = groupValue === value;\n\tconst labelId = useLabelContext(button);\n\tconst labelledBy = ariaLabelledby || labelId;\n\tuseEffect(() => {\n\t\tif (isWeb) {\n\t\t\tconst handleKeyDown = (event) => {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tconst handleKeyUp = () => {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tconst isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, (event) => {\n\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers(onKeyDown, (event) => {\n\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers(onFocus, () => {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) ref.current?.click();\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tconst { radioGroupItemContext, disabled, ...rest } = params;\n\tconst { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.js","names":[],"sources":["esm/useRadioGroup.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\nimport { jsx } from \"react/jsx-runtime\";\n\nfunction useRadioGroup(params) {\n\tconst { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tconst [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nconst ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nconst useRadioGroupItem = (params) => {\n\tconst { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tconst { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tconst [button, setButton] = useState(null);\n\tconst hasConsumerStoppedPropagationRef = useRef(false);\n\tconst ref = useRef(null);\n\tconst composedRefs = useComposedRefs(refProp, (node) => setButton(node), ref);\n\tconst isArrowKeyPressedRef = useRef(false);\n\tconst isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tconst checked = groupValue === value;\n\tconst labelId = useLabelContext(button);\n\tconst labelledBy = ariaLabelledby || labelId;\n\tuseEffect(() => {\n\t\tif (isWeb) {\n\t\t\tconst handleKeyDown = (event) => {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tconst handleKeyUp = () => {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tconst isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, (event) => {\n\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers((event) => {\n\t\t\t\t\tif (\"key\" in event) onKeyDown?.(event);\n\t\t\t\t}, (event) => {\n\t\t\t\t\tconst { key } = event.nativeEvent;\n\t\t\t\t\tif (key === \"Enter\" || key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers((event) => {\n\t\t\t\t\tif (\"relatedTarget\" in event) onFocus?.(event);\n\t\t\t\t}, () => {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) ref.current?.click();\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tconst { radioGroupItemContext, disabled, ...rest } = params;\n\tconst { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":"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"}

package/dist/esm/useRadioGroup.native.js

@@ -129,12 +129,17 @@ var useRadioGroupItem = function(params) {
 				}
 			}),
 			...isWeb && {
-				onKeyDown: composeEventHandlers(onKeyDown, function(event) {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: composeEventHandlers(function(event) {
+					if ("key" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+				}, function(event) {
+					var { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange === null || onChange === void 0 || onChange(value);
 					}
 				}),
-				onFocus: composeEventHandlers(onFocus, function() {
+				onFocus: composeEventHandlers(function(event) {
+					if ("relatedTarget" in event) onFocus === null || onFocus === void 0 || onFocus(event);
+				}, function() {
 					if (isArrowKeyPressedRef.current) {
 						var _ref_current;
 						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();

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

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["esm/useRadioGroup.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\n\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tvar [button, setButton] = useState(null);\n\tvar hasConsumerStoppedPropagationRef = useRef(false);\n\tvar ref = useRef(null);\n\tvar composedRefs = useComposedRefs(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = useRef(false);\n\tvar isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = useLabelContext(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\tuseEffect(function() {\n\t\tif (isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tuseEffect(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn registerFocusable(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers(onKeyDown, function(event) {\n\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers(onFocus, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["esm/useRadioGroup.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\n\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tvar [button, setButton] = useState(null);\n\tvar hasConsumerStoppedPropagationRef = useRef(false);\n\tvar ref = useRef(null);\n\tvar composedRefs = useComposedRefs(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = useRef(false);\n\tvar isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = useLabelContext(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\tuseEffect(function() {\n\t\tif (isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tuseEffect(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn registerFocusable(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers(function(event) {\n\t\t\t\t\tif (\"key\" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);\n\t\t\t\t}, function(event) {\n\t\t\t\t\tvar { key } = event.nativeEvent;\n\t\t\t\t\tif (key === \"Enter\" || key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers(function(event) {\n\t\t\t\t\tif (\"relatedTarget\" in event) onFocus === null || onFocus === void 0 || onFocus(event);\n\t\t\t\t}, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":";;;;;;;;;;;;AAWA,SAAS,cAAc,QAAQ;CAC9B,IAAI,EAAE,OAAO,WAAW,eAAe,cAAc,UAAU,UAAU,MAAM,QAAQ,aAAa,aAAa,QAAQ;CACzH,IAAI,CAAC,OAAO,YAAY,qBAAqB;EAC5C,MAAM;EACN,aAAa;EACb,UAAU;CACX,CAAC;CACD,OAAO;EACN,eAAe;GACd;GACA,UAAU;GACV;GACA;GACA;GACA;GACA;EACD;EACA,YAAY;GACX,MAAM;GACN,oBAAoB;GACpB,iBAAiB,WAAW,KAAK,KAAK;EACvC;EACA,uBAAuB;GACtB;GACA,MAAM;EACP;CACD;AACD;AACA,IAAI,aAAa;CAChB;CACA;CACA;CACA;AACD;AACA,IAAI,oBAAoB,SAAS,QAAQ;CACxC,IAAI,EAAE,mBAAmB,OAAO,YAAY,gBAAgB,UAAU,cAAc,KAAK,SAAS,IAAI,SAAS,WAAW,YAAY;CACtI,IAAI,EAAE,OAAO,YAAY,UAAU,UAAU,UAAU,MAAM,QAAQ,gBAAgB,WAAW,iBAAiB;CACjH,IAAI,CAAC,QAAQ,aAAa,SAAS,IAAI;CACvC,IAAI,mCAAmC,OAAO,KAAK;CACnD,IAAI,MAAM,OAAO,IAAI;CACrB,IAAI,eAAe,gBAAgB,SAAS,SAAS,MAAM;EAC1D,OAAO,UAAU,IAAI;CACtB,GAAG,GAAG;CACN,IAAI,uBAAuB,OAAO,KAAK;CACvC,IAAI,gBAAgB,QAAQ,SAAS,QAAQ,OAAO,QAAQ,MAAM,CAAC,IAAI,OAAO;CAC9E,IAAI,UAAU,eAAe;CAC7B,IAAI,UAAU,gBAAgB,MAAM;CACpC,IAAI,aAAa,kBAAkB;CACnC,UAAU,WAAW;EACpB,IAAI,OAAO;GACV,IAAI,gBAAgB,SAAS,OAAO;IACnC,IAAI,WAAW,SAAS,MAAM,GAAG,GAAG,qBAAqB,UAAU;GACpE;GACA,IAAI,cAAc,WAAW;IAC5B,qBAAqB,UAAU;GAChC;GACA,SAAS,iBAAiB,WAAW,aAAa;GAClD,SAAS,iBAAiB,SAAS,WAAW;GAC9C,OAAO,WAAW;IACjB,SAAS,oBAAoB,WAAW,aAAa;IACrD,SAAS,oBAAoB,SAAS,WAAW;GAClD;EACD;CACD,GAAG,CAAC,CAAC;CACL,UAAU,WAAW;EACpB,IAAI,CAAC,IAAI;EACT,IAAI,UAAU;EACd,OAAO,kBAAkB,IAAI;GAC5B,gBAAgB,WAAW;IAC1B,aAAa,QAAQ,aAAa,KAAK,KAAK,SAAS,KAAK;GAC3D;GACA,OAAO,WAAW,CAAC;EACpB,CAAC;CACF,GAAG;EACF;EACA;EACA;CACD,CAAC;CACD,IAAI,aAAa,YAAY;CAC7B,OAAO;EACN,eAAe,EAAE,QAAQ;EACzB;EACA;EACA,aAA6B,oBAAI,aAAa;GAC7C,UAAU,CAAC;GACX,SAAS;GACT,SAAS,CAAC,iCAAiC;GAC3C;GACA;GACA;GACA;GACA,UAAU;GACV,GAAG,SAAS,UAAU;IACrB;IACA;GACD;EACD,CAAC;EACD;EACA,YAAY;GACX,cAAc,SAAS,OAAO;GAC9B,iBAAiB,aAAa,KAAK,KAAK;GACxC,MAAM;GACN,mBAAmB;GACnB,gBAAgB;GAChB,iBAAiB;GACjB,UAAU;GACV,KAAK;GACL,GAAG,SAAS;IACX,MAAM;IACN;GACD;GACA;GACA,SAAS,qBAAqB,SAAS,SAAS,OAAO;IACtD,IAAI,CAAC,SAAS,aAAa,QAAQ,aAAa,KAAK,KAAK,SAAS,KAAK;IACxE,IAAI,eAAe;KAClB,iCAAiC,UAAU,MAAM,qBAAqB;KACtE,IAAI,CAAC,iCAAiC,SAAS,MAAM,gBAAgB;IACtE;GACD,CAAC;GACD,GAAG,SAAS;IACX,WAAW,qBAAqB,SAAS,OAAO;KAC/C,IAAI,SAAS,OAAO,cAAc,QAAQ,cAAc,KAAK,KAAK,UAAU,KAAK;IAClF,GAAG,SAAS,OAAO;KAClB,IAAI,EAAE,QAAQ,MAAM;KACpB,IAAI,QAAQ,WAAW,QAAQ,KAAK;MACnC,IAAI,CAAC,SAAS,aAAa,QAAQ,aAAa,KAAK,KAAK,SAAS,KAAK;KACzE;IACD,CAAC;IACD,SAAS,qBAAqB,SAAS,OAAO;KAC7C,IAAI,mBAAmB,OAAO,YAAY,QAAQ,YAAY,KAAK,KAAK,QAAQ,KAAK;IACtF,GAAG,WAAW;KACb,IAAI,qBAAqB,SAAS;MACjC,IAAI;MACJ,CAAC,eAAe,IAAI,aAAa,QAAQ,iBAAiB,KAAK,KAAK,aAAa,MAAM;KACxF;IACD,CAAC;GACF;EACD;EACA,uBAAuB;GACtB,SAAS;GACT,UAAU,aAAa,CAAC,IAAI;GAC5B,QAAQ;EACT;CACD;AACD;AACA,SAAS,2BAA2B,QAAQ;CAC3C,IAAI,EAAE,uBAAuB,UAAU,GAAG,SAAS;CACnD,IAAI,EAAE,YAAY,WAAW,qBAAqB;CAClD,OAAO;EACN;EACA,cAAc,SAAS,OAAO;EAC9B,iBAAiB,WAAW,KAAK,KAAK;EACtC,GAAG;CACJ;AACD"}

package/dist/jsx/useRadioGroup.mjs

@@ -112,12 +112,17 @@ const useRadioGroupItem = (params) => {
 				}
 			}),
 			...isWeb && {
-				onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: composeEventHandlers((event) => {
+					if ("key" in event) onKeyDown?.(event);
+				}, (event) => {
+					const { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange?.(value);
 					}
 				}),
-				onFocus: composeEventHandlers(onFocus, () => {
+				onFocus: composeEventHandlers((event) => {
+					if ("relatedTarget" in event) onFocus?.(event);
+				}, () => {
 					if (isArrowKeyPressedRef.current) ref.current?.click();
 				})
 			}

package/dist/jsx/useRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.js","names":[],"sources":["jsx/useRadioGroup.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\nimport { jsx } from \"react/jsx-runtime\";\n\nfunction useRadioGroup(params) {\n\tconst { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tconst [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nconst ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nconst useRadioGroupItem = (params) => {\n\tconst { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tconst { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tconst [button, setButton] = useState(null);\n\tconst hasConsumerStoppedPropagationRef = useRef(false);\n\tconst ref = useRef(null);\n\tconst composedRefs = useComposedRefs(refProp, (node) => setButton(node), ref);\n\tconst isArrowKeyPressedRef = useRef(false);\n\tconst isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tconst checked = groupValue === value;\n\tconst labelId = useLabelContext(button);\n\tconst labelledBy = ariaLabelledby || labelId;\n\tuseEffect(() => {\n\t\tif (isWeb) {\n\t\t\tconst handleKeyDown = (event) => {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tconst handleKeyUp = () => {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tconst isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, (event) => {\n\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers(onKeyDown, (event) => {\n\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers(onFocus, () => {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) ref.current?.click();\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tconst { radioGroupItemContext, disabled, ...rest } = params;\n\tconst { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.js","names":[],"sources":["jsx/useRadioGroup.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useLabelContext } from \"@tamagui/label\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useContext, useEffect, useRef, useState } from \"react\";\nimport { BubbleInput } from \"./BubbleInput\";\nimport { getState } from \"./utils\";\nimport { jsx } from \"react/jsx-runtime\";\n\nfunction useRadioGroup(params) {\n\tconst { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tconst [value, setValue] = useControllableState({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nconst ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nconst useRadioGroupItem = (params) => {\n\tconst { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tconst { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);\n\tconst [button, setButton] = useState(null);\n\tconst hasConsumerStoppedPropagationRef = useRef(false);\n\tconst ref = useRef(null);\n\tconst composedRefs = useComposedRefs(refProp, (node) => setButton(node), ref);\n\tconst isArrowKeyPressedRef = useRef(false);\n\tconst isFormControl = isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tconst checked = groupValue === value;\n\tconst labelId = useLabelContext(button);\n\tconst labelledBy = ariaLabelledby || labelId;\n\tuseEffect(() => {\n\t\tif (isWeb) {\n\t\t\tconst handleKeyDown = (event) => {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tconst handleKeyUp = () => {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn () => {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\tconst isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ jsx(BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": getState(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: composeEventHandlers(onPress, (event) => {\n\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...isWeb && {\n\t\t\t\tonKeyDown: composeEventHandlers((event) => {\n\t\t\t\t\tif (\"key\" in event) onKeyDown?.(event);\n\t\t\t\t}, (event) => {\n\t\t\t\t\tconst { key } = event.nativeEvent;\n\t\t\t\t\tif (key === \"Enter\" || key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange?.(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: composeEventHandlers((event) => {\n\t\t\t\t\tif (\"relatedTarget\" in event) onFocus?.(event);\n\t\t\t\t}, () => {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) ref.current?.click();\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tconst { radioGroupItemContext, disabled, ...rest } = params;\n\tconst { checked } = useContext(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": getState(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n\nexport { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };"],"mappings":"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"}

package/dist/jsx/useRadioGroup.native.cjs

@@ -157,12 +157,17 @@ var useRadioGroupItem = function(params) {
 				}
 			}),
 			...import_constants.isWeb && {
-				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("key" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+				}, function(event) {
+					var { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange === null || onChange === void 0 || onChange(value);
 					}
 				}),
-				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {
+				onFocus: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("relatedTarget" in event) onFocus === null || onFocus === void 0 || onFocus(event);
+				}, function() {
 					if (isArrowKeyPressedRef.current) {
 						var _ref_current;
 						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();

package/dist/jsx/useRadioGroup.native.js

@@ -157,12 +157,17 @@ var useRadioGroupItem = function(params) {
 				}
 			}),
 			...import_constants.isWeb && {
-				onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
-					if (event.key === "Enter" || event.key === " ") {
+				onKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("key" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+				}, function(event) {
+					var { key } = event.nativeEvent;
+					if (key === "Enter" || key === " ") {
 						if (!checked) onChange === null || onChange === void 0 || onChange(value);
 					}
 				}),
-				onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {
+				onFocus: (0, import_helpers.composeEventHandlers)(function(event) {
+					if ("relatedTarget" in event) onFocus === null || onFocus === void 0 || onFocus(event);
+				}, function() {
 					if (isArrowKeyPressedRef.current) {
 						var _ref_current;
 						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();

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

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["jsx/useRadioGroup.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\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useRadioGroup_exports = {};\n__export(useRadioGroup_exports, {\n\tuseRadioGroup: () => useRadioGroup,\n\tuseRadioGroupItem: () => useRadioGroupItem,\n\tuseRadioGroupItemIndicator: () => useRadioGroupItemIndicator\n});\nmodule.exports = __toCommonJS(useRadioGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_label = require(\"@tamagui/label\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_react = require(\"react\");\nvar import_BubbleInput = require(\"./BubbleInput\");\nvar import_utils = require(\"./utils\");\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react.useContext)(radioGroupContext);\n\tvar [button, setButton] = (0, import_react.useState)(null);\n\tvar hasConsumerStoppedPropagationRef = (0, import_react.useRef)(false);\n\tvar ref = (0, import_react.useRef)(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = (0, import_react.useRef)(false);\n\tvar isFormControl = import_constants.isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = (0, import_label.useLabelContext)(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\t(0, import_react.useEffect)(function() {\n\t\tif (import_constants.isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\t(0, import_react.useEffect)(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn (0, import_focusable.registerFocusable)(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...import_constants.isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...import_constants.isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...import_constants.isWeb && {\n\t\t\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {\n\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = (0, import_react.useContext)(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n//# sourceMappingURL=useRadioGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useRadioGroup.native.js","names":[],"sources":["jsx/useRadioGroup.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\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useRadioGroup_exports = {};\n__export(useRadioGroup_exports, {\n\tuseRadioGroup: () => useRadioGroup,\n\tuseRadioGroupItem: () => useRadioGroupItem,\n\tuseRadioGroupItemIndicator: () => useRadioGroupItemIndicator\n});\nmodule.exports = __toCommonJS(useRadioGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_label = require(\"@tamagui/label\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_react = require(\"react\");\nvar import_BubbleInput = require(\"./BubbleInput\");\nvar import_utils = require(\"./utils\");\nfunction useRadioGroup(params) {\n\tvar { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;\n\tvar [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: valueProp,\n\t\tdefaultProp: defaultValue,\n\t\tonChange: onValueChange\n\t});\n\treturn {\n\t\tproviderValue: {\n\t\t\tvalue,\n\t\t\tonChange: setValue,\n\t\t\trequired,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\tnative,\n\t\t\taccentColor\n\t\t},\n\t\tframeAttrs: {\n\t\t\trole: \"radiogroup\",\n\t\t\t\"aria-orientation\": orientation,\n\t\t\t\"data-disabled\": disabled ? \"\" : void 0\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\torientation,\n\t\t\tloop: true\n\t\t}\n\t};\n}\nvar ARROW_KEYS = [\n\t\"ArrowUp\",\n\t\"ArrowDown\",\n\t\"ArrowLeft\",\n\t\"ArrowRight\"\n];\nvar useRadioGroupItem = function(params) {\n\tvar { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;\n\tvar { value: groupValue, disabled, required, onChange, name, native, accentColor } = (0, import_react.useContext)(radioGroupContext);\n\tvar [button, setButton] = (0, import_react.useState)(null);\n\tvar hasConsumerStoppedPropagationRef = (0, import_react.useRef)(false);\n\tvar ref = (0, import_react.useRef)(null);\n\tvar composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {\n\t\treturn setButton(node);\n\t}, ref);\n\tvar isArrowKeyPressedRef = (0, import_react.useRef)(false);\n\tvar isFormControl = import_constants.isWeb ? button ? Boolean(button.closest(\"form\")) : true : false;\n\tvar checked = groupValue === value;\n\tvar labelId = (0, import_label.useLabelContext)(button);\n\tvar labelledBy = ariaLabelledby || labelId;\n\t(0, import_react.useEffect)(function() {\n\t\tif (import_constants.isWeb) {\n\t\t\tvar handleKeyDown = function(event) {\n\t\t\t\tif (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;\n\t\t\t};\n\t\t\tvar handleKeyUp = function() {\n\t\t\t\tisArrowKeyPressedRef.current = false;\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKeyDown);\n\t\t\tdocument.addEventListener(\"keyup\", handleKeyUp);\n\t\t\treturn function() {\n\t\t\t\tdocument.removeEventListener(\"keydown\", handleKeyDown);\n\t\t\t\tdocument.removeEventListener(\"keyup\", handleKeyUp);\n\t\t\t};\n\t\t}\n\t}, []);\n\t(0, import_react.useEffect)(function() {\n\t\tif (!id) return;\n\t\tif (disabled) return;\n\t\treturn (0, import_focusable.registerFocusable)(id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tonChange === null || onChange === void 0 || onChange(value);\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [\n\t\tid,\n\t\tvalue,\n\t\tdisabled\n\t]);\n\tvar isDisabled = disabled || itemDisabled;\n\treturn {\n\t\tproviderValue: { checked },\n\t\tchecked,\n\t\tisFormControl,\n\t\tbubbleInput: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {\n\t\t\tisHidden: !native,\n\t\t\tcontrol: button,\n\t\t\tbubbles: !hasConsumerStoppedPropagationRef.current,\n\t\t\tname,\n\t\t\tvalue,\n\t\t\tchecked,\n\t\t\trequired,\n\t\t\tdisabled: isDisabled,\n\t\t\t...import_constants.isWeb && native && {\n\t\t\t\taccentColor,\n\t\t\t\tid\n\t\t\t}\n\t\t}),\n\t\tnative,\n\t\tframeAttrs: {\n\t\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\t\"data-disabled\": isDisabled ? \"\" : void 0,\n\t\t\trole: \"radio\",\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t\"aria-checked\": checked,\n\t\t\t\"aria-required\": required,\n\t\t\tdisabled: isDisabled,\n\t\t\tref: composedRefs,\n\t\t\t...import_constants.isWeb && {\n\t\t\t\ttype: \"button\",\n\t\t\t\tvalue\n\t\t\t},\n\t\t\tid,\n\t\t\tonPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {\n\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\tif (isFormControl) {\n\t\t\t\t\thasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n\t\t\t\t\tif (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n\t\t\t\t}\n\t\t\t}),\n\t\t\t...import_constants.isWeb && {\n\t\t\t\tonKeyDown: (0, import_helpers.composeEventHandlers)(function(event) {\n\t\t\t\t\tif (\"key\" in event) onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);\n\t\t\t\t}, function(event) {\n\t\t\t\t\tvar { key } = event.nativeEvent;\n\t\t\t\t\tif (key === \"Enter\" || key === \" \") {\n\t\t\t\t\t\tif (!checked) onChange === null || onChange === void 0 || onChange(value);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tonFocus: (0, import_helpers.composeEventHandlers)(function(event) {\n\t\t\t\t\tif (\"relatedTarget\" in event) onFocus === null || onFocus === void 0 || onFocus(event);\n\t\t\t\t}, function() {\n\t\t\t\t\tif (isArrowKeyPressedRef.current) {\n\t\t\t\t\t\tvar _ref_current;\n\t\t\t\t\t\t(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\trovingFocusGroupAttrs: {\n\t\t\tasChild: \"except-style\",\n\t\t\ttabIndex: isDisabled ? -1 : 0,\n\t\t\tactive: checked\n\t\t}\n\t};\n};\nfunction useRadioGroupItemIndicator(params) {\n\tvar { radioGroupItemContext, disabled, ...rest } = params;\n\tvar { checked } = (0, import_react.useContext)(radioGroupItemContext);\n\treturn {\n\t\tchecked,\n\t\t\"data-state\": (0, import_utils.getState)(checked),\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...rest\n\t};\n}\n//# sourceMappingURL=useRadioGroup.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/radio-headless",
-  "version": "3.0.0-beta.924.1",
+  "version": "3.0.1",
+  "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -35,20 +36,21 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.924.1",
-    "@tamagui/constants": "3.0.0-beta.924.1",
-    "@tamagui/create-context": "3.0.0-beta.924.1",
-    "@tamagui/focusable": "3.0.0-beta.924.1",
-    "@tamagui/helpers": "3.0.0-beta.924.1",
-    "@tamagui/label": "3.0.0-beta.924.1",
-    "@tamagui/use-controllable-state": "3.0.0-beta.924.1",
-    "@tamagui/use-previous": "3.0.0-beta.924.1",
-    "@tamagui/web": "3.0.0-beta.924.1"
+    "@tamagui/compose-refs": "3.0.1",
+    "@tamagui/constants": "3.0.1",
+    "@tamagui/create-context": "3.0.1",
+    "@tamagui/focusable": "3.0.1",
+    "@tamagui/helpers": "3.0.1",
+    "@tamagui/label": "3.0.1",
+    "@tamagui/react-native-types": "3.0.1",
+    "@tamagui/use-controllable-state": "3.0.1",
+    "@tamagui/use-previous": "3.0.1",
+    "@tamagui/web": "3.0.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.924.1",
+    "@tamagui/build": "3.0.1",
     "react": "19.2.3",
-    "react-native": "0.86.2"
+    "react-native": "0.87.1"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -59,5 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/ui/radio-headless"
-  }
+  },
+  "releaseSourceCommit": "c156b7cc55e5a6cc5883ebc8189720850ac32dbd"
 }

package/src/useRadioGroup.tsx

@@ -7,7 +7,7 @@ import { useControllableState } from '@tamagui/use-controllable-state'
 import type { ViewProps } from '@tamagui/web'
 import type { ReactElement } from 'react'
 import { useContext, useEffect, useRef, useState } from 'react'
-import type { GestureResponderEvent } from 'react-native'
+import type { GestureResponderEvent, PressableProps } from '@tamagui/react-native-types'
 import { BubbleInput } from './BubbleInput'
 import { getState } from './utils'
 
@@ -88,6 +88,10 @@ export type RadioGroupContextValue = {
 
 const ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
 
+type RadioEvent<K extends 'onKeyDown' | 'onFocus'> =
+  | Parameters<NonNullable<ViewProps[K]>>[0]
+  | Parameters<NonNullable<PressableProps[K]>>[0]
+
 export const useRadioGroupItem = (params: UseRadioItemParams) => {
   const {
     radioGroupContext,
@@ -210,24 +214,35 @@ export const useRadioGroupItem = (params: UseRadioItemParams) => {
         }
       }),
       ...(isWeb && {
-        onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-          // Allow Enter and Space to select the radio item
-          if (event.key === 'Enter' || event.key === ' ') {
-            if (!checked) {
-              onChange?.(value)
+        onKeyDown: composeEventHandlers(
+          (event: RadioEvent<'onKeyDown'>) => {
+            if ('key' in event) onKeyDown?.(event)
+          },
+          (event) => {
+            // react-native-web and native expose the key on nativeEvent.
+            const { key } = event.nativeEvent
+            if (key === 'Enter' || key === ' ') {
+              if (!checked) {
+                onChange?.(value)
+              }
             }
           }
-        }),
-        onFocus: composeEventHandlers(onFocus, () => {
-          /**
-           * Our `RovingFocusGroup` will focus the radio when navigating with arrow keys
-           * and we need to "check" it in that case. We click it to "check" it (instead
-           * of updating `context.value`) so that the radio change event fires.
-           */
-          if (isArrowKeyPressedRef.current) {
-            ;(ref.current as HTMLButtonElement)?.click()
+        ),
+        onFocus: composeEventHandlers(
+          (event: RadioEvent<'onFocus'>) => {
+            if ('relatedTarget' in event) onFocus?.(event)
+          },
+          () => {
+            /**
+             * Our `RovingFocusGroup` will focus the radio when navigating with arrow keys
+             * and we need to "check" it in that case. We click it to "check" it (instead
+             * of updating `context.value`) so that the radio change event fires.
+             */
+            if (isArrowKeyPressedRef.current) {
+              ;(ref.current as HTMLButtonElement)?.click()
+            }
           }
-        }),
+        ),
       }),
     },
     rovingFocusGroupAttrs: {

package/types/useRadioGroup.d.ts

@@ -1,6 +1,6 @@
 import type { ViewProps } from '@tamagui/web';
 import type { ReactElement } from 'react';
-import type { GestureResponderEvent } from 'react-native';
+import type { PressableProps } from '@tamagui/react-native-types';
 interface UseRadioGroupParams {
     value?: string;
     defaultValue?: string;
@@ -53,6 +53,7 @@ export type RadioGroupContextValue = {
     native?: boolean;
     accentColor?: string;
 };
+type RadioEvent<K extends 'onKeyDown' | 'onFocus'> = Parameters<NonNullable<ViewProps[K]>>[0] | Parameters<NonNullable<PressableProps[K]>>[0];
 export declare const useRadioGroupItem: (params: UseRadioItemParams) => {
     providerValue: {
         checked: boolean;
@@ -73,9 +74,57 @@ export declare const useRadioGroupItem: (params: UseRadioItemParams) => {
         type?: string | undefined;
         value?: string | undefined;
         id: string | undefined;
-        onPress: import("@tamagui/helpers").EventHandler<GestureResponderEvent> | undefined;
-        onKeyDown?: import("@tamagui/helpers").EventHandler<import("react").KeyboardEvent<HTMLDivElement>> | undefined;
-        onFocus?: import("@tamagui/helpers").EventHandler<import("react").FocusEvent<HTMLDivElement, Element>> | undefined;
+        onPress: import("@tamagui/helpers").EventHandler<Readonly<Omit<Readonly<{
+            bubbles: boolean | undefined;
+            cancelable: boolean | undefined;
+            currentTarget: number | import("@tamagui/react-native-types").HostInstance;
+            defaultPrevented: boolean | undefined;
+            dispatchConfig: Readonly<{
+                registrationName: string;
+            }>;
+            eventPhase: number | undefined;
+            preventDefault: () => void;
+            isDefaultPrevented: () => boolean;
+            stopPropagation: () => void;
+            isPropagationStopped: () => boolean;
+            isTrusted: boolean | undefined;
+            nativeEvent: Readonly<{
+                changedTouches: ReadonlyArray<import("@tamagui/react-native-types").NativeTouchEvent>;
+                force?: number | undefined;
+                identifier: number;
+                locationX: number;
+                locationY: number;
+                pageX: number;
+                pageY: number;
+                target: number | undefined;
+                timestamp: number;
+                touches: ReadonlyArray<import("@tamagui/react-native-types").NativeTouchEvent>;
+            }>;
+            persist: () => void;
+            target: (number | undefined) | import("@tamagui/react-native-types").HostInstance;
+            timeStamp: number;
+            type: string | undefined;
+        }>, "touchHistory"> & {
+            touchHistory: Readonly<{
+                indexOfSingleActiveTouch: number;
+                mostRecentTimeStamp: number;
+                numberActiveTouches: number;
+                touchBank: ReadonlyArray<Readonly<{
+                    touchActive: boolean;
+                    startPageX: number;
+                    startPageY: number;
+                    startTimeStamp: number;
+                    currentPageX: number;
+                    currentPageY: number;
+                    currentTimeStamp: number;
+                    previousPageX: number;
+                    previousPageY: number;
+                    previousTimeStamp: number;
+                }>>;
+            }>;
+        }>> | undefined;
+        onKeyDown?: import("@tamagui/helpers").EventHandler<RadioEvent<"onKeyDown">> | undefined;
+        onFocus?: import("@tamagui/helpers").EventHandler<RadioEvent<"onFocus">> | undefined;
     };
     rovingFocusGroupAttrs: {
         asChild: 'except-style';

package/types/useRadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../src/useRadioGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAIzD,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAA;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;CAC9B;AACD,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB;;;;;;;;;;;cA8B7B,GAAG;;;;;;;;EAS9B;AAED,UAAU,kBAAkB;IAC1B,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAA;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAID,eAAO,MAAM,iBAAiB,WAAY,kBAAkB;;;;;;;;;;;cAiGrC,GAAG;;;;;;;;;;;;;;iBA8CX,cAAc;;;;CAK5B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,gCAAgC,GAAG;IACtC,qBAAqB,EAAE,KAAK,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAA;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,gCAAgC;;;;EAUlF"}
+{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../src/useRadioGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAIxF,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAA;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;CAC9B;AACD,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB;;;;;;;;;;;cA8B7B,GAAG;;;;;;;;EAS9B;AAED,UAAU,kBAAkB;IAC1B,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAA;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAClC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAID,KAAK,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAC7C,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACxC,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAEjD,eAAO,MAAM,iBAAiB,WAAY,kBAAkB;;;;;;;;;;;cAiGrC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyDX,cAAc;;;;CAK5B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,gCAAgC,GAAG;IACtC,qBAAqB,EAAE,KAAK,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAA;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,gCAAgC;;;;EAUlF"}