@tamagui/radio-headless 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/useRadioGroup.native.js

@@ -8,183 +8,157 @@ import { useControllableState } from "@tamagui/use-controllable-state";
 import { useContext, useEffect, useRef, useState } from "react";
 import { BubbleInput } from "./BubbleInput.native.js";
 import { getState } from "./utils.native.js";
+
 function useRadioGroup(params) {
-  var {
-    value: valueProp,
-    onValueChange,
-    defaultValue,
-    required,
-    disabled,
-    name,
-    native,
-    accentColor,
-    orientation,
-    ref
-  } = params;
-  var [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange
-  });
-  return {
-    providerValue: {
-      value,
-      onChange: setValue,
-      required,
-      disabled,
-      name,
-      native,
-      accentColor
-    },
-    frameAttrs: {
-      role: "radiogroup",
-      "aria-orientation": orientation,
-      "data-disabled": disabled ? "" : void 0
-    },
-    rovingFocusGroupAttrs: {
-      orientation,
-      loop: true
-    }
-  };
+	var { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;
+	var [value, setValue] = useControllableState({
+		prop: valueProp,
+		defaultProp: defaultValue,
+		onChange: onValueChange
+	});
+	return {
+		providerValue: {
+			value,
+			onChange: setValue,
+			required,
+			disabled,
+			name,
+			native,
+			accentColor
+		},
+		frameAttrs: {
+			role: "radiogroup",
+			"aria-orientation": orientation,
+			"data-disabled": disabled ? "" : void 0
+		},
+		rovingFocusGroupAttrs: {
+			orientation,
+			loop: true
+		}
+	};
 }
-var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
-var useRadioGroupItem = function (params) {
-  var {
-    radioGroupContext,
-    value,
-    labelledBy: ariaLabelledby,
-    disabled: itemDisabled,
-    ref: refProp,
-    id,
-    onPress,
-    onKeyDown,
-    onFocus
-  } = params;
-  var {
-    value: groupValue,
-    disabled,
-    required,
-    onChange,
-    name,
-    native,
-    accentColor
-  } = useContext(radioGroupContext);
-  var [button, setButton] = useState(null);
-  var hasConsumerStoppedPropagationRef = useRef(false);
-  var ref = useRef(null);
-  var composedRefs = useComposedRefs(refProp, function (node) {
-    return setButton(node);
-  }, ref);
-  var isArrowKeyPressedRef = useRef(false);
-  var isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
-  var checked = groupValue === value;
-  var labelId = useLabelContext(button);
-  var labelledBy = ariaLabelledby || labelId;
-  useEffect(function () {
-    if (isWeb) {
-      var handleKeyDown = function (event) {
-        if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
-      };
-      var handleKeyUp = function () {
-        isArrowKeyPressedRef.current = false;
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      document.addEventListener("keyup", handleKeyUp);
-      return function () {
-        document.removeEventListener("keydown", handleKeyDown);
-        document.removeEventListener("keyup", handleKeyUp);
-      };
-    }
-  }, []);
-  useEffect(function () {
-    if (!id) return;
-    if (disabled) return;
-    return registerFocusable(id, {
-      focusAndSelect: function () {
-        onChange === null || onChange === void 0 || onChange(value);
-      },
-      focus: function () {}
-    });
-  }, [id, value, disabled]);
-  var isDisabled = disabled || itemDisabled;
-  return {
-    providerValue: {
-      checked
-    },
-    checked,
-    isFormControl,
-    bubbleInput: /* @__PURE__ */jsx(BubbleInput, {
-      isHidden: !native,
-      control: button,
-      bubbles: !hasConsumerStoppedPropagationRef.current,
-      name,
-      value,
-      checked,
-      required,
-      disabled: isDisabled,
-      ...(isWeb && native && {
-        accentColor,
-        id
-      })
-    }),
-    native,
-    frameAttrs: {
-      "data-state": getState(checked),
-      "data-disabled": isDisabled ? "" : void 0,
-      role: "radio",
-      "aria-labelledby": labelledBy,
-      "aria-checked": checked,
-      "aria-required": required,
-      disabled: isDisabled,
-      ref: composedRefs,
-      ...(isWeb && {
-        type: "button",
-        value
-      }),
-      id,
-      onPress: composeEventHandlers(onPress, function (event) {
-        if (!checked) onChange === null || onChange === void 0 || onChange(value);
-        if (isFormControl) {
-          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-          if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-        }
-      }),
-      ...(isWeb && {
-        onKeyDown: composeEventHandlers(onKeyDown, function (event) {
-          if (event.key === "Enter" || event.key === " ") {
-            if (!checked) onChange === null || onChange === void 0 || onChange(value);
-          }
-        }),
-        onFocus: composeEventHandlers(onFocus, function () {
-          if (isArrowKeyPressedRef.current) {
-            var _ref_current;
-            (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
-          }
-        })
-      })
-    },
-    rovingFocusGroupAttrs: {
-      asChild: "except-style",
-      focusable: !isDisabled,
-      active: checked
-    }
-  };
+var ARROW_KEYS = [
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+];
+var useRadioGroupItem = function(params) {
+	var { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;
+	var { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);
+	var [button, setButton] = useState(null);
+	var hasConsumerStoppedPropagationRef = useRef(false);
+	var ref = useRef(null);
+	var composedRefs = useComposedRefs(refProp, function(node) {
+		return setButton(node);
+	}, ref);
+	var isArrowKeyPressedRef = useRef(false);
+	var isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
+	var checked = groupValue === value;
+	var labelId = useLabelContext(button);
+	var labelledBy = ariaLabelledby || labelId;
+	useEffect(function() {
+		if (isWeb) {
+			var handleKeyDown = function(event) {
+				if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
+			};
+			var handleKeyUp = function() {
+				isArrowKeyPressedRef.current = false;
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			document.addEventListener("keyup", handleKeyUp);
+			return function() {
+				document.removeEventListener("keydown", handleKeyDown);
+				document.removeEventListener("keyup", handleKeyUp);
+			};
+		}
+	}, []);
+	useEffect(function() {
+		if (!id) return;
+		if (disabled) return;
+		return registerFocusable(id, {
+			focusAndSelect: function() {
+				onChange === null || onChange === void 0 || onChange(value);
+			},
+			focus: function() {}
+		});
+	}, [
+		id,
+		value,
+		disabled
+	]);
+	var isDisabled = disabled || itemDisabled;
+	return {
+		providerValue: { checked },
+		checked,
+		isFormControl,
+		bubbleInput: /* @__PURE__ */ jsx(BubbleInput, {
+			isHidden: !native,
+			control: button,
+			bubbles: !hasConsumerStoppedPropagationRef.current,
+			name,
+			value,
+			checked,
+			required,
+			disabled: isDisabled,
+			...isWeb && native && {
+				accentColor,
+				id
+			}
+		}),
+		native,
+		frameAttrs: {
+			"data-state": getState(checked),
+			"data-disabled": isDisabled ? "" : void 0,
+			role: "radio",
+			"aria-labelledby": labelledBy,
+			"aria-checked": checked,
+			"aria-required": required,
+			disabled: isDisabled,
+			ref: composedRefs,
+			...isWeb && {
+				type: "button",
+				value
+			},
+			id,
+			onPress: composeEventHandlers(onPress, function(event) {
+				if (!checked) onChange === null || onChange === void 0 || onChange(value);
+				if (isFormControl) {
+					hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+				}
+			}),
+			...isWeb && {
+				onKeyDown: composeEventHandlers(onKeyDown, function(event) {
+					if (event.key === "Enter" || event.key === " ") {
+						if (!checked) onChange === null || onChange === void 0 || onChange(value);
+					}
+				}),
+				onFocus: composeEventHandlers(onFocus, function() {
+					if (isArrowKeyPressedRef.current) {
+						var _ref_current;
+						(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
+					}
+				})
+			}
+		},
+		rovingFocusGroupAttrs: {
+			asChild: "except-style",
+			tabIndex: isDisabled ? -1 : 0,
+			active: checked
+		}
+	};
 };
 function useRadioGroupItemIndicator(params) {
-  var {
-    radioGroupItemContext,
-    disabled,
-    ...rest
-  } = params;
-  var {
-    checked
-  } = useContext(radioGroupItemContext);
-  return {
-    checked,
-    "data-state": getState(checked),
-    "data-disabled": disabled ? "" : void 0,
-    ...rest
-  };
+	var { radioGroupItemContext, disabled, ...rest } = params;
+	var { checked } = useContext(radioGroupItemContext);
+	return {
+		checked,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		...rest
+	};
 }
+
 export { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };
 //# sourceMappingURL=useRadioGroup.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","useComposedRefs","isWeb","registerFocusable","composeEventHandlers","useLabelContext","useControllableState","useContext","useEffect","useRef","useState","BubbleInput","getState","useRadioGroup","params","value","valueProp","onValueChange","defaultValue","required","disabled","name","native","accentColor","orientation","ref","setValue","prop","defaultProp","onChange","providerValue","frameAttrs","role","rovingFocusGroupAttrs","loop","ARROW_KEYS","useRadioGroupItem","radioGroupContext","labelledBy","ariaLabelledby","itemDisabled","refProp","id","onPress","onKeyDown","onFocus","groupValue","button","setButton","hasConsumerStoppedPropagationRef","composedRefs","node","isArrowKeyPressedRef","isFormControl","Boolean","closest","checked","labelId","handleKeyDown","event","includes","key","current","handleKeyUp","document","addEventListener","removeEventListener","focusAndSelect","focus","isDisabled","bubbleInput","isHidden","control","bubbles","type","isPropagationStopped","stopPropagation","_ref_current","click","asChild","focusable","active","useRadioGroupItemIndicator","radioGroupItemContext","rest"],"sources":["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\tfocusable: !isDisabled,\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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","ignoreList":[]}
+{"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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"}

package/dist/esm/utils.mjs

@@ -1,5 +1,6 @@
 function getState(checked) {
-  return checked ? "checked" : "unchecked";
+	return checked ? "checked" : "unchecked";
 }
+
 export { getState };
 //# sourceMappingURL=utils.mjs.map

package/dist/esm/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getState","checked"],"sources":["../../src/utils.tsx"],"sourcesContent":[null],"mappings":"AAAO,SAASA,SAASC,OAAA,EAAkB;EACzC,OAAOA,OAAA,GAAU,YAAY;AAC/B","ignoreList":[]}
+{"version":3,"file":"utils.js","names":[],"sources":["esm/utils.js"],"sourcesContent":["function getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  getState\n};\n//# sourceMappingURL=utils.js.map\n"],"mappings":";AAAA,SAAS,SAAS,SAAS;CACzB,OAAO,UAAU,YAAY;AAC/B"}

package/dist/esm/utils.native.js

@@ -1,5 +1,6 @@
 function getState(checked) {
-  return checked ? "checked" : "unchecked";
+	return checked ? "checked" : "unchecked";
 }
+
 export { getState };
 //# sourceMappingURL=utils.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getState","checked"],"sources":["../../src/utils.tsx"],"sourcesContent":[null],"mappings":"AAAO,SAASA,SAASC,OAAA,EAAkB;EACzC,OAAOA,OAAA,GAAU,YAAY;AAC/B","ignoreList":[]}
+{"version":3,"file":"utils.native.js","names":[],"sources":["esm/utils.native.js"],"sourcesContent":["function getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  getState\n};\n//# sourceMappingURL=utils.js.map\n"],"mappings":";AAAA,SAAS,SAAS,SAAS;CACzB,OAAO,UAAU,YAAY;AAC/B"}

package/dist/jsx/BubbleInput.mjs

@@ -1,51 +1,47 @@
 import React from "react";
 import { usePrevious } from "@tamagui/use-previous";
 import { jsx } from "react/jsx-runtime";
-const BubbleInput = props => {
-  const {
-    checked,
-    bubbles = true,
-    control,
-    isHidden,
-    accentColor,
-    ...inputProps
-  } = props;
-  const ref = React.useRef(null);
-  const prevChecked = usePrevious(checked);
-  React.useEffect(() => {
-    const input = ref.current;
-    const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
-    const setChecked = descriptor.set;
-    if (prevChecked !== checked && setChecked) {
-      const event = new Event("click", {
-        bubbles
-      });
-      setChecked.call(input, checked);
-      input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]);
-  return /* @__PURE__ */jsx("input", {
-    type: "radio",
-    defaultChecked: checked,
-    ...inputProps,
-    tabIndex: -1,
-    ref,
-    "aria-hidden": isHidden,
-    style: {
-      ...(isHidden ? {
-        // ...controlSize,
-        position: "absolute",
-        pointerEvents: "none",
-        opacity: 0,
-        margin: 0
-      } : {
-        appearance: "auto",
-        accentColor
-      }),
-      ...props.style
-    }
-  });
+
+const BubbleInput = (props) => {
+	const { checked, bubbles = true, control, isHidden, accentColor, ...inputProps } = props;
+	const ref = React.useRef(null);
+	const prevChecked = usePrevious(checked);
+	React.useEffect(() => {
+		const input = ref.current;
+		const inputProto = window.HTMLInputElement.prototype;
+		const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+		const setChecked = descriptor.set;
+		if (prevChecked !== checked && setChecked) {
+			const event = new Event("click", { bubbles });
+			setChecked.call(input, checked);
+			input.dispatchEvent(event);
+		}
+	}, [
+		prevChecked,
+		checked,
+		bubbles
+	]);
+	return /* @__PURE__ */ jsx("input", {
+		type: "radio",
+		defaultChecked: checked,
+		...inputProps,
+		tabIndex: -1,
+		ref,
+		"aria-hidden": isHidden,
+		style: {
+			...isHidden ? {
+				position: "absolute",
+				pointerEvents: "none",
+				opacity: 0,
+				margin: 0
+			} : {
+				appearance: "auto",
+				accentColor
+			},
+			...props.style
+		}
+	});
 };
+
 export { BubbleInput };
 //# sourceMappingURL=BubbleInput.mjs.map

package/dist/jsx/BubbleInput.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","usePrevious","jsx","BubbleInput","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,WAAA,QAAmB;AAgCxB,SAAAC,GAAA;AAtBG,MAAMC,WAAA,GAAeC,KAAA,IAA4B;EACtD,MAAM;IAAEC,OAAA;IAASC,OAAA,GAAU;IAAMC,OAAA;IAASC,QAAA;IAAUC,WAAA;IAAa,GAAGC;EAAW,IAAIN,KAAA;EACnF,MAAMO,GAAA,GAAMX,KAAA,CAAMY,MAAA,CAAyB,IAAI;EAC/C,MAAMC,WAAA,GAAcZ,WAAA,CAAYI,OAAO;EAGvCL,KAAA,CAAMc,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQJ,GAAA,CAAIK,OAAA;IAClB,MAAMC,UAAA,GAAaC,MAAA,CAAOC,gBAAA,CAAiBC,SAAA;IAC3C,MAAMC,UAAA,GAAaC,MAAA,CAAOC,wBAAA,CACxBN,UAAA,EACA,SACF;IACA,MAAMO,UAAA,GAAaH,UAAA,CAAWI,GAAA;IAC9B,IAAIZ,WAAA,KAAgBR,OAAA,IAAWmB,UAAA,EAAY;MACzC,MAAME,KAAA,GAAQ,IAAIC,KAAA,CAAM,SAAS;QAAErB;MAAQ,CAAC;MAC5CkB,UAAA,CAAWI,IAAA,CAAKb,KAAA,EAAOV,OAAO;MAC9BU,KAAA,CAAMc,aAAA,CAAcH,KAAK;IAC3B;EACF,GAAG,CAACb,WAAA,EAAaR,OAAA,EAASC,OAAO,CAAC;EAElC,OACE,eAAAJ,GAAA,CAAC;IACC4B,IAAA,EAAK;IACLC,cAAA,EAAgB1B,OAAA;IACf,GAAGK,UAAA;IACJsB,QAAA,EAAU;IACVrB,GAAA;IACA,eAAaH,QAAA;IACbyB,KAAA,EAAO;MACL,IAAIzB,QAAA,GACA;QAAA;QAEE0B,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,OAAA,EAAS;QACTC,MAAA,EAAQ;MACV,IACA;QACEC,UAAA,EAAY;QACZ7B;MACF;MAEJ,GAAGL,KAAA,CAAM6B;IACX;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"BubbleInput.js","names":[],"sources":["jsx/BubbleInput.js"],"sourcesContent":["import React from \"react\";\nimport { usePrevious } from \"@tamagui/use-previous\";\nimport { jsx } from \"react/jsx-runtime\";\nconst BubbleInput = (props) => {\n  const { checked, bubbles = true, control, isHidden, accentColor, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(\n      inputProto,\n      \"checked\"\n    );\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"radio\",\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      \"aria-hidden\": isHidden,\n      style: {\n        ...isHidden ? {\n          // ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        } : {\n          appearance: \"auto\",\n          accentColor\n        },\n        ...props.style\n      }\n    }\n  );\n};\nexport {\n  BubbleInput\n};\n//# sourceMappingURL=BubbleInput.js.map\n"],"mappings":";;;;;AAGA,MAAM,eAAe,UAAU;CAC7B,MAAM,EAAE,SAAS,UAAU,MAAM,SAAS,UAAU,aAAa,GAAG,eAAe;CACnF,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,MAAM,cAAc,YAAY,OAAO;CACvC,MAAM,gBAAgB;EACpB,MAAM,QAAQ,IAAI;EAClB,MAAM,aAAa,OAAO,iBAAiB;EAC3C,MAAM,aAAa,OAAO,yBACxB,YACA,SACF;EACA,MAAM,aAAa,WAAW;EAC9B,IAAI,gBAAgB,WAAW,YAAY;GACzC,MAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;GAC5C,WAAW,KAAK,OAAO,OAAO;GAC9B,MAAM,cAAc,KAAK;EAC3B;CACF,GAAG;EAAC;EAAa;EAAS;CAAO,CAAC;CAClC,OAAuB,oBACrB,SACA;EACE,MAAM;EACN,gBAAgB;EAChB,GAAG;EACH,UAAU,CAAC;EACX;EACA,eAAe;EACf,OAAO;GACL,GAAG,WAAW;IAEZ,UAAU;IACV,eAAe;IACf,SAAS;IACT,QAAQ;GACV,IAAI;IACF,YAAY;IACZ;GACF;GACA,GAAG,MAAM;EACX;CACF,CACF;AACF"}

package/dist/jsx/BubbleInput.native.cjs

@@ -0,0 +1,75 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BubbleInput_exports = {};
+__export(BubbleInput_exports, { BubbleInput: () => BubbleInput });
+module.exports = __toCommonJS(BubbleInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_use_previous = require("@tamagui/use-previous");
+var BubbleInput = function(props) {
+	var { checked, bubbles = true, control, isHidden, accentColor, ...inputProps } = props;
+	var ref = import_react.default.useRef(null);
+	var prevChecked = (0, import_use_previous.usePrevious)(checked);
+	import_react.default.useEffect(function() {
+		var input = ref.current;
+		var inputProto = window.HTMLInputElement.prototype;
+		var descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+		var setChecked = descriptor.set;
+		if (prevChecked !== checked && setChecked) {
+			var event = new Event("click", { bubbles });
+			setChecked.call(input, checked);
+			input.dispatchEvent(event);
+		}
+	}, [
+		prevChecked,
+		checked,
+		bubbles
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+		type: "radio",
+		defaultChecked: checked,
+		...inputProps,
+		tabIndex: -1,
+		ref,
+		"aria-hidden": isHidden,
+		style: {
+			...isHidden ? {
+				position: "absolute",
+				pointerEvents: "none",
+				opacity: 0,
+				margin: 0
+			} : {
+				appearance: "auto",
+				accentColor
+			},
+			...props.style
+		}
+	});
+};