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

package/dist/esm/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/esm/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":["esm/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/esm/BubbleInput.native.js

@@ -1,51 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { usePrevious } from "@tamagui/use-previous";
-var BubbleInput = function (props) {
-  var {
-    checked,
-    bubbles = true,
-    control,
-    isHidden,
-    accentColor,
-    ...inputProps
-  } = props;
-  var ref = React.useRef(null);
-  var prevChecked = usePrevious(checked);
-  React.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__ */_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
-    }
-  });
+
+var BubbleInput = function(props) {
+	var { checked, bubbles = true, control, isHidden, accentColor, ...inputProps } = props;
+	var ref = React.useRef(null);
+	var prevChecked = usePrevious(checked);
+	React.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__ */ 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.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","React","usePrevious","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,SAAOA,GAAA,IAAAC,IAAW;AAClB,OAAAC,KAAS;AAgCL,SAAAC,WAAA;AAtBG,IAAAC,WAAM,YAAAA,CAAeC,KAA4B;EACtD;IAAMC,OAAE;IAAAC,OAAS,OAAU;IAAAC,OAAM;IAAAC,QAAS;IAAAC,WAAU;IAAA,GAAaC;EAAG,IAAWN,KAAI;EACnF,IAAAO,GAAM,GAAAV,KAAM,CAAAW,MAAM,KAAyB;EAC3C,IAAAC,WAAM,GAAAX,WAAc,CAAAG,OAAY;EAGhCJ,KAAA,CAAMa,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAJ,GAAQ,CAAAK,OAAI;IAClB,IAAAC,UAAM,GAAAC,MAAa,CAAAC,gBAAO,CAAAC,SAAiB;IAC3C,IAAAC,UAAM,GAAAC,MAAa,CAAAC,wBAAO,CAAAN,UAAA;IAAA,IACxBO,UAAA,GAAAH,UAAA,CAAAI,GAAA;IAAA,IACAZ,WAAA,KAAAR,OAAA,IAAAmB,UAAA;MACF,IAAAE,KAAA,OAAAC,KAAA;QACArB;MACA,EAAI;MACFkB,UAAM,CAAAI,IAAQ,CAAAb,KAAI,EAAAV,OAAM;MACxBU,KAAA,CAAAc,aAAgB,CAAAH,KAAO;IACvB;EAAyB,GAC3B,CACFb,WAAI,EAEJR,OACE,EAACC,OAAA;EAAA,OACC,eAAKN,IAAA;IAAA8B,IACL;IAAgBC,cACZ,EAAA1B,OAAA;IAAA,GACJK,UAAU;IAAAsB,QACV;IAAArB,GACA;IAAa,aACN,EAAAH,QAAA;IAAAyB,KACL,EAAI;MACA,IAAAzB,QAAA;QAAA;QAEY0B,QACV,YAAe;QAAAC,aACN;QAAAC,OACT,GAAQ;QACVC,MACA;MAAA,IACE;QAAYC,UACZ;QACF7B;MAAA;MAGN,GAAAL,KAAA,CAAA6B;IAAA;EACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"BubbleInput.native.js","names":[],"sources":["esm/BubbleInput.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { usePrevious } from \"@tamagui/use-previous\";\nvar BubbleInput = function(props) {\n  var { checked, bubbles = true, control, isHidden, accentColor, ...inputProps } = props;\n  var ref = React.useRef(null);\n  var prevChecked = usePrevious(checked);\n  React.useEffect(function() {\n    var input = ref.current;\n    var inputProto = window.HTMLInputElement.prototype;\n    var descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    var setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      var event = new Event(\"click\", {\n        bubbles\n      });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [\n    prevChecked,\n    checked,\n    bubbles\n  ]);\n  return /* @__PURE__ */ _jsx(\"input\", {\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};\nexport {\n  BubbleInput\n};\n//# sourceMappingURL=BubbleInput.js.map\n"],"mappings":";;;;;AAGA,IAAI,cAAc,SAAS,OAAO;CAChC,IAAI,EAAE,SAAS,UAAU,MAAM,SAAS,UAAU,aAAa,GAAG,eAAe;CACjF,IAAI,MAAM,MAAM,OAAO,IAAI;CAC3B,IAAI,cAAc,YAAY,OAAO;CACrC,MAAM,UAAU,WAAW;EACzB,IAAI,QAAQ,IAAI;EAChB,IAAI,aAAa,OAAO,iBAAiB;EACzC,IAAI,aAAa,OAAO,yBAAyB,YAAY,SAAS;EACtE,IAAI,aAAa,WAAW;EAC5B,IAAI,gBAAgB,WAAW,YAAY;GACzC,IAAI,QAAQ,IAAI,MAAM,SAAS,EAC7B,QACF,CAAC;GACD,WAAW,KAAK,OAAO,OAAO;GAC9B,MAAM,cAAc,KAAK;EAC3B;CACF,GAAG;EACD;EACA;EACA;CACF,CAAC;CACD,OAAuB,oBAAK,SAAS;EACnC,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,CAAC;AACH"}

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export * from "./useRadioGroup.mjs";
-export * from "./utils.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./useRadioGroup.mjs"
+
+export * from "./utils.mjs"

package/dist/esm/index.mjs

@@ -1,3 +1,3 @@
-export * from "./useRadioGroup.mjs";
-export * from "./utils.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./useRadioGroup.mjs"
+
+export * from "./utils.mjs"

package/dist/esm/index.native.js

@@ -1,3 +1,3 @@
-export * from "./useRadioGroup.native.js";
-export * from "./utils.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./useRadioGroup.native.js"
+
+export * from "./utils.native.js"

package/dist/esm/useRadioGroup.mjs

@@ -7,168 +7,138 @@ import { useContext, useEffect, useRef, useState } from "react";
 import { BubbleInput } from "./BubbleInput.mjs";
 import { getState } from "./utils.mjs";
 import { jsx } from "react/jsx-runtime";
+
 function useRadioGroup(params) {
-  const {
-    value: valueProp,
-    onValueChange,
-    defaultValue,
-    required,
-    disabled,
-    name,
-    native,
-    accentColor,
-    orientation,
-    ref
-  } = params;
-  const [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
-    }
-  };
+	const { value: valueProp, onValueChange, defaultValue, required, disabled, name, native, accentColor, orientation, ref } = params;
+	const [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
+		}
+	};
 }
-const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
-const useRadioGroupItem = params => {
-  const {
-    radioGroupContext,
-    value,
-    labelledBy: ariaLabelledby,
-    disabled: itemDisabled,
-    ref: refProp,
-    id,
-    onPress,
-    onKeyDown,
-    onFocus
-  } = params;
-  const {
-    value: groupValue,
-    disabled,
-    required,
-    onChange,
-    name,
-    native,
-    accentColor
-  } = useContext(radioGroupContext);
-  const [button, setButton] = useState(null);
-  const hasConsumerStoppedPropagationRef = useRef(false);
-  const ref = useRef(null);
-  const composedRefs = useComposedRefs(refProp, node => setButton(node), ref);
-  const isArrowKeyPressedRef = useRef(false);
-  const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
-  const checked = groupValue === value;
-  const labelId = useLabelContext(button);
-  const labelledBy = ariaLabelledby || labelId;
-  useEffect(() => {
-    if (isWeb) {
-      const handleKeyDown = event => {
-        if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
-      };
-      const handleKeyUp = () => {
-        isArrowKeyPressedRef.current = false;
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      document.addEventListener("keyup", handleKeyUp);
-      return () => {
-        document.removeEventListener("keydown", handleKeyDown);
-        document.removeEventListener("keyup", handleKeyUp);
-      };
-    }
-  }, []);
-  const 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, event => {
-        if (!checked) onChange?.(value);
-        if (isFormControl) {
-          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-          if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-        }
-      }),
-      ...(isWeb && {
-        onKeyDown: composeEventHandlers(onKeyDown, event => {
-          if (event.key === "Enter" || event.key === " ") {
-            if (!checked) onChange?.(value);
-          }
-        }),
-        onFocus: composeEventHandlers(onFocus, () => {
-          if (isArrowKeyPressedRef.current) ref.current?.click();
-        })
-      })
-    },
-    rovingFocusGroupAttrs: {
-      asChild: "except-style",
-      focusable: !isDisabled,
-      active: checked
-    }
-  };
+const ARROW_KEYS = [
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+];
+const useRadioGroupItem = (params) => {
+	const { radioGroupContext, value, labelledBy: ariaLabelledby, disabled: itemDisabled, ref: refProp, id, onPress, onKeyDown, onFocus } = params;
+	const { value: groupValue, disabled, required, onChange, name, native, accentColor } = useContext(radioGroupContext);
+	const [button, setButton] = useState(null);
+	const hasConsumerStoppedPropagationRef = useRef(false);
+	const ref = useRef(null);
+	const composedRefs = useComposedRefs(refProp, (node) => setButton(node), ref);
+	const isArrowKeyPressedRef = useRef(false);
+	const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
+	const checked = groupValue === value;
+	const labelId = useLabelContext(button);
+	const labelledBy = ariaLabelledby || labelId;
+	useEffect(() => {
+		if (isWeb) {
+			const handleKeyDown = (event) => {
+				if (ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
+			};
+			const handleKeyUp = () => {
+				isArrowKeyPressedRef.current = false;
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			document.addEventListener("keyup", handleKeyUp);
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown);
+				document.removeEventListener("keyup", handleKeyUp);
+			};
+		}
+	}, []);
+	const 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, (event) => {
+				if (!checked) onChange?.(value);
+				if (isFormControl) {
+					hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+				}
+			}),
+			...isWeb && {
+				onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+					if (event.key === "Enter" || event.key === " ") {
+						if (!checked) onChange?.(value);
+					}
+				}),
+				onFocus: composeEventHandlers(onFocus, () => {
+					if (isArrowKeyPressedRef.current) ref.current?.click();
+				})
+			}
+		},
+		rovingFocusGroupAttrs: {
+			asChild: "except-style",
+			tabIndex: isDisabled ? -1 : 0,
+			active: checked
+		}
+	};
 };
 function useRadioGroupItemIndicator(params) {
-  const {
-    radioGroupItemContext,
-    disabled,
-    ...rest
-  } = params;
-  const {
-    checked
-  } = useContext(radioGroupItemContext);
-  return {
-    checked,
-    "data-state": getState(checked),
-    "data-disabled": disabled ? "" : void 0,
-    ...rest
-  };
+	const { radioGroupItemContext, disabled, ...rest } = params;
+	const { checked } = useContext(radioGroupItemContext);
+	return {
+		checked,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		...rest
+	};
 }
+
 export { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator };
 //# sourceMappingURL=useRadioGroup.mjs.map

package/dist/esm/useRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","isWeb","composeEventHandlers","useLabelContext","useControllableState","useContext","useEffect","useRef","useState","BubbleInput","getState","jsx","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","isDisabled","bubbleInput","isHidden","control","bubbles","type","isPropagationStopped","stopPropagation","click","asChild","focusable","active","useRadioGroupItemIndicator","radioGroupItemContext","rest"],"sources":["useRadioGroup.mjs"],"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\tfocusable: !isDisabled,\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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","ignoreList":[]}
+{"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":";;;;;;;;;;;AAUA,SAAS,cAAc,QAAQ;CAC9B,MAAM,EAAE,OAAO,WAAW,eAAe,cAAc,UAAU,UAAU,MAAM,QAAQ,aAAa,aAAa,QAAQ;CAC3H,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC9C,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,MAAM,aAAa;CAClB;CACA;CACA;CACA;AACD;AACA,MAAM,qBAAqB,WAAW;CACrC,MAAM,EAAE,mBAAmB,OAAO,YAAY,gBAAgB,UAAU,cAAc,KAAK,SAAS,IAAI,SAAS,WAAW,YAAY;CACxI,MAAM,EAAE,OAAO,YAAY,UAAU,UAAU,UAAU,MAAM,QAAQ,gBAAgB,WAAW,iBAAiB;CACnH,MAAM,CAAC,QAAQ,aAAa,SAAS,IAAI;CACzC,MAAM,mCAAmC,OAAO,KAAK;CACrD,MAAM,MAAM,OAAO,IAAI;CACvB,MAAM,eAAe,gBAAgB,UAAU,SAAS,UAAU,IAAI,GAAG,GAAG;CAC5E,MAAM,uBAAuB,OAAO,KAAK;CACzC,MAAM,gBAAgB,QAAQ,SAAS,QAAQ,OAAO,QAAQ,MAAM,CAAC,IAAI,OAAO;CAChF,MAAM,UAAU,eAAe;CAC/B,MAAM,UAAU,gBAAgB,MAAM;CACtC,MAAM,aAAa,kBAAkB;CACrC,gBAAgB;EACf,IAAI,OAAO;GACV,MAAM,iBAAiB,UAAU;IAChC,IAAI,WAAW,SAAS,MAAM,GAAG,GAAG,qBAAqB,UAAU;GACpE;GACA,MAAM,oBAAoB;IACzB,qBAAqB,UAAU;GAChC;GACA,SAAS,iBAAiB,WAAW,aAAa;GAClD,SAAS,iBAAiB,SAAS,WAAW;GAC9C,aAAa;IACZ,SAAS,oBAAoB,WAAW,aAAa;IACrD,SAAS,oBAAoB,SAAS,WAAW;GAClD;EACD;CACD,GAAG,CAAC,CAAC;CACL,MAAM,aAAa,YAAY;CAC/B,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,UAAU,UAAU;IACjD,IAAI,CAAC,SAAS,WAAW,KAAK;IAC9B,IAAI,eAAe;KAClB,iCAAiC,UAAU,MAAM,qBAAqB;KACtE,IAAI,CAAC,iCAAiC,SAAS,MAAM,gBAAgB;IACtE;GACD,CAAC;GACD,GAAG,SAAS;IACX,WAAW,qBAAqB,YAAY,UAAU;KACrD,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;MAC/C,IAAI,CAAC,SAAS,WAAW,KAAK;KAC/B;IACD,CAAC;IACD,SAAS,qBAAqB,eAAe;KAC5C,IAAI,qBAAqB,SAAS,IAAI,SAAS,MAAM;IACtD,CAAC;GACF;EACD;EACA,uBAAuB;GACtB,SAAS;GACT,UAAU,aAAa,CAAC,IAAI;GAC5B,QAAQ;EACT;CACD;AACD;AACA,SAAS,2BAA2B,QAAQ;CAC3C,MAAM,EAAE,uBAAuB,UAAU,GAAG,SAAS;CACrD,MAAM,EAAE,YAAY,WAAW,qBAAqB;CACpD,OAAO;EACN;EACA,cAAc,SAAS,OAAO;EAC9B,iBAAiB,WAAW,KAAK,KAAK;EACtC,GAAG;CACJ;AACD"}