@tamagui/radio-headless 1.0.1

package/dist/jsx/BubbleInput.mjs

@@ -0,0 +1,48 @@
+import React from "react";
+import { usePrevious } from "@tamagui/use-previous";
+import { jsx } from "react/jsx-runtime";
+const BubbleInput = props => {
+  const {
+      checked,
+      bubbles = !0,
+      control,
+      isHidden,
+      accentColor,
+      ...inputProps
+    } = props,
+    ref = React.useRef(null),
+    prevChecked = usePrevious(checked);
+  return React.useEffect(() => {
+    const input = ref.current,
+      inputProto = window.HTMLInputElement.prototype,
+      setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", {
+        bubbles
+      });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__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
+    }
+  });
+};
+export { BubbleInput };
+//# sourceMappingURL=BubbleInput.mjs.map

package/dist/jsx/BubbleInput.mjs.map

@@ -0,0 +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","setChecked","Object","getOwnPropertyDescriptor","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;MAAEC,OAAA;MAASC,OAAA,GAAU;MAAMC,OAAA;MAASC,QAAA;MAAUC,WAAA;MAAa,GAAGC;IAAW,IAAIN,KAAA;IAC7EO,GAAA,GAAMX,KAAA,CAAMY,MAAA,CAAyB,IAAI;IACzCC,WAAA,GAAcZ,WAAA,CAAYI,OAAO;EAGvC,OAAAL,KAAA,CAAMc,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQJ,GAAA,CAAIK,OAAA;MACZC,UAAA,GAAaC,MAAA,CAAOC,gBAAA,CAAiBC,SAAA;MAKrCC,UAAA,GAJaC,MAAA,CAAOC,wBAAA,CACxBN,UAAA,EACA,SACF,EAC8BO,GAAA;IAC9B,IAAIX,WAAA,KAAgBR,OAAA,IAAWgB,UAAA,EAAY;MACzC,MAAMI,KAAA,GAAQ,IAAIC,KAAA,CAAM,SAAS;QAAEpB;MAAQ,CAAC;MAC5Ce,UAAA,CAAWM,IAAA,CAAKZ,KAAA,EAAOV,OAAO,GAC9BU,KAAA,CAAMa,aAAA,CAAcH,KAAK;IAC3B;EACF,GAAG,CAACZ,WAAA,EAAaR,OAAA,EAASC,OAAO,CAAC,GAGhC,eAAAJ,GAAA,CAAC;IACC2B,IAAA,EAAK;IACLC,cAAA,EAAgBzB,OAAA;IACf,GAAGK,UAAA;IACJqB,QAAA,EAAU;IACVpB,GAAA;IACA,eAAaH,QAAA;IACbwB,KAAA,EAAO;MACL,IAAIxB,QAAA,GACA;QAAA;QAEEyB,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,OAAA,EAAS;QACTC,MAAA,EAAQ;MACV,IACA;QACEC,UAAA,EAAY;QACZ5B;MACF;MAEJ,GAAGL,KAAA,CAAM4B;IACX;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/BubbleInput.native.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var BubbleInput_exports = {};
+__export(BubbleInput_exports, {
+  BubbleInput: () => BubbleInput
+});
+module.exports = __toCommonJS(BubbleInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_use_previous = require("@tamagui/use-previous"),
+  BubbleInput = function (props) {
+    var {
+        checked,
+        bubbles = !0,
+        control,
+        isHidden,
+        accentColor,
+        ...inputProps
+      } = props,
+      ref = import_react.default.useRef(null),
+      prevChecked = (0, import_use_previous.usePrevious)(checked);
+    return import_react.default.useEffect(function () {
+      var input = ref.current,
+        inputProto = window.HTMLInputElement.prototype,
+        descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"),
+        setChecked = descriptor.set;
+      if (prevChecked !== checked && setChecked) {
+        var event = new Event("click", {
+          bubbles
+        });
+        setChecked.call(input, checked), input.dispatchEvent(event);
+      }
+    }, [prevChecked, checked, bubbles]), /* @__PURE__ */(0, import_jsx_runtime.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
+      }
+    });
+  };
+//# sourceMappingURL=BubbleInput.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","BubbleInput_exports","BubbleInput","module","exports","import_jsx_runtime","require","import_react","import_use_previous","props","checked","bubbles","control","isHidden","accentColor","inputProps","ref","default","useRef","prevChecked","usePrevious","useEffect","input","current","inputProto","window","HTMLInputElement","descriptor","setChecked","set","event","Event","dispatchEvent"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAO;;AACP,IAAAA,QAAS,GAAAC,MAAA,CAAAC,MAAmB;AAgCxB,IAAAC,SAAA,GAAAF,MAAA,CAAAG,cAAA;AAtBG,IAAAC,gBAAoB,GAACJ,MAAA,CAAAK,wBAA4B;AACtD,IAAAC,iBAAiB,GAAAN,MAAU,CAAAO,mBAAe;AAK1C,IAAAC,YAAM,GAAAR,MAAU,CAAAS,cAAM;EAAAC,YAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AACpB,IAAAC,QAAM,GAAAA,CAAAC,MAAY,EAAAC,GAAA,KACZ;IACoB,KACxB,IAAAC,IAAA,IAAAD,GAAA,EAAAb,SACA,CAAAY,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EAAAC,WAE4B,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IAC9B,IAAAF,IAAI,WAAAA,IAAgB,YAAW,WAAYA,IAAA,gBACzC,SAAMG,GAAA,IAAQlB,iBAAU,CAAAe,IAAW,GACnC,CAAAX,YAAW,CAAAe,IAAK,CAAAL,EAAA,EAAOI,GAAA,KAAOA,GAC9B,KAAMF,MAAA,IAAApB,SAAmB,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IAAA,OAC3BE,EAAA;EAAA;AAIA,IAACM,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;EAAA;EAAA;EACM;EACW;EACZS,UACJ,IAAU,CAAAD,GAAA,KAAAA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;IAAAgB,KAAA,EAAAH,GAAA;IAAAT,UAAA;EAAA,KAAAJ,MAAA,EAAAa,GACV;EAAAI,YACA,GAAAJ,GAAa,IAAAR,WAAA,CAAAjB,SAAA;IAAA4B,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAK,mBACN;AAAAnB,QACL,CAAAmB,mBACI;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAEYC,MAAA,CAAAC,OACV,GAAAJ,YAAe,CAAAC,mBAAA;AAAA,IAAAI,kBACN,GAAAC,OAAA;EAAAC,YAAA,GAAAZ,OAAA,CAAAW,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAJ,WAAA,YAAAA,CAAAO,KAAA;IAAA;QAAAC,OACT;QAAAC,OAAQ;QAAAC,OAAA;QAAAC,QAAA;QAAAC,WAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAAO,GAAA,GAAAT,YAAA,CAAAU,OAAA,CAAAC,MAAA;MAAAC,WAAA,OAAAX,mBAAA,CAAAY,WAAA,EAAAV,OAAA;IAAA,OACVH,YACA,CAAAU,OAAA,CAAAI,SAAA;MAAA,IAAAC,KACE,GAAAN,GAAA,CAAAO,OAAY;QAAAC,UAAA,GAAAC,MAAA,CAAAC,gBAAA,CAAA9C,SAAA;QAAA+C,UAAA,GAAA1D,MAAA,CAAAK,wBAAA,CAAAkD,UAAA;QAAAI,UAAA,GAAAD,UAAA,CAAAE,GAAA;MAAA,IAAAV,WACZ,KAAAT,OAAA,IAAAkB,UAAA;QAAA,IACFE,KAAA,OAAAC,KAAA;UAEJpB;QACF;QAAAiB,UAAA,CAAAlC,IAAA,CAAA4B,KAAA,EAAAZ,OAAA,GAAAY,KAAA,CAAAU,aAAA,CAAAF,KAAA;MACF;IAEJ,I","ignoreList":[]}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/jsx/index.native.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useRadioGroup.native.js"), module.exports);
+__reExport(index_exports, require("./utils.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA","ignoreList":[]}

package/dist/jsx/useRadioGroup.js

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

package/dist/jsx/useRadioGroup.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useRadioGroup.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/useRadioGroup.mjs

@@ -0,0 +1,165 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { useControllableState } from "@tamagui/use-controllable-state";
+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,
+    [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: !0
+    }
+  };
+}
+const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
+  useRadioGroupItem = params => {
+    const {
+        radioGroupContext,
+        value,
+        labelledBy: ariaLabelledby,
+        disabled: itemDisabled,
+        ref: refProp,
+        id,
+        onPress,
+        onKeyDown,
+        onFocus
+      } = params,
+      {
+        value: groupValue,
+        disabled,
+        required,
+        onChange,
+        name,
+        native,
+        accentColor
+      } = useContext(radioGroupContext),
+      [button, setButton] = useState(null),
+      hasConsumerStoppedPropagationRef = useRef(!1),
+      ref = useRef(null),
+      composedRefs = useComposedRefs(refProp, node => setButton(node), ref),
+      isArrowKeyPressedRef = useRef(!1),
+      isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
+      checked = groupValue === value,
+      labelId = useLabelContext(button),
+      labelledBy = ariaLabelledby || labelId;
+    useEffect(() => {
+      if (isWeb) {
+        const handleKeyDown = event => {
+            ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
+          },
+          handleKeyUp = () => {
+            isArrowKeyPressedRef.current = !1;
+          };
+        return document.addEventListener("keydown", handleKeyDown), document.addEventListener("keyup", handleKeyUp), () => {
+          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 => {
+          checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+        }),
+        ...(isWeb && {
+          onKeyDown: composeEventHandlers(onKeyDown, event => {
+            (event.key === "Enter" || event.key === " ") && (checked || onChange?.(value));
+          }),
+          onFocus: composeEventHandlers(onFocus, () => {
+            isArrowKeyPressedRef.current && ref.current?.click();
+          })
+        })
+      },
+      rovingFocusGroupAttrs: {
+        asChild: "except-style",
+        focusable: !isDisabled,
+        active: checked
+      }
+    };
+  };
+function useRadioGroupItemIndicator(params) {
+  const {
+      radioGroupItemContext,
+      disabled,
+      ...rest
+    } = params,
+    {
+      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/jsx/useRadioGroup.mjs.map

@@ -0,0 +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","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":["../../src/useRadioGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}