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

package/dist/cjs/RadioGroup.cjs

@@ -1,133 +1,144 @@
+
+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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __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 RadioGroup_exports = {};
 __export(RadioGroup_exports, {
-  RadioGroupFrame: () => RadioGroupFrame,
-  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
-  RadioGroupItemFrame: () => RadioGroupItemFrame
+	RadioGroup: () => RadioGroup,
+	RadioGroupContext: () => RadioGroupContext,
+	RadioGroupFrame: () => RadioGroupFrame,
+	RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+	RadioGroupItemContext: () => RadioGroupItemContext,
+	RadioGroupItemFrame: () => RadioGroupItemFrame
 });
 module.exports = __toCommonJS(RadioGroup_exports);
 var import_core = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
-var import_stacks = require("@tamagui/stacks");
+var import_radio_headless = require("@tamagui/radio-headless");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_react = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
 const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-const RadioGroupItemFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        borderRadius: 1e3,
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        padding: 0,
-        hoverStyle: {
-          borderColor: "$borderColorHover",
-          backgroundColor: "$backgroundHover"
-        },
-        focusStyle: {
-          borderColor: "$borderColorHover",
-          backgroundColor: "$backgroundHover"
-        },
-        focusVisibleStyle: {
-          outlineStyle: "solid",
-          outlineWidth: 2,
-          outlineColor: "$outlineColor"
-        },
-        pressStyle: {
-          borderColor: "$borderColorFocus",
-          backgroundColor: "$backgroundFocus"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": (value, {
-        props
-      }) => {
-        const size = Math.floor((0, import_core.getVariableValue)((0, import_get_token.getSize)(value)) * (props["scaleSize"] ?? 0.5));
-        return {
-          width: size,
-          height: size
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+const RadioGroupItemFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
 });
 const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-const RadioGroupIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        width: "33%",
-        height: "33%",
-        borderRadius: 1e3,
-        backgroundColor: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
+const RadioGroupIndicatorFrame = (0, import_core.styled)(import_core.View, { displayName: RADIO_GROUP_INDICATOR_NAME });
 const RADIO_GROUP_NAME = "RadioGroup";
-const RadioGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
+const RadioGroupFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+const RadioGroupContext = import_react.default.createContext({});
+const RadioGroupItemContext = import_react.default.createContext({
+	checked: false,
+	disabled: false
+});
+const RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, (props, ref) => {
+	const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
+	const { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+		orientation,
+		name,
+		defaultValue,
+		value,
+		onValueChange,
+		required,
+		disabled,
+		native,
+		accentColor
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		})
+	});
+});
+const RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, (props, ref) => {
+	const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+	const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id,
+		labelledBy,
+		disabled,
+		onPress,
+		onKeyDown
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		}), isFormControl && bubbleInput] })
+	});
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+const RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, (props, forwardedRef) => {
+	const { forceMount, disabled, ...indicatorProps } = props;
+	const { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled
+	});
+	if (forceMount || checked) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {
+			...useIndicatorRest,
+			ref: forwardedRef,
+			...indicatorProps
+		});
+	}
+	return null;
+});
+RadioGroupIndicator.displayName = "RadioGroupIndicator";
+const RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
+});
+RadioGroup.displayName = "RadioGroup";

package/dist/cjs/RadioGroup.native.cjs

@@ -0,0 +1,146 @@
+"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 RadioGroup_exports = {};
+__export(RadioGroup_exports, {
+	RadioGroup: () => RadioGroup,
+	RadioGroupContext: () => RadioGroupContext,
+	RadioGroupFrame: () => RadioGroupFrame,
+	RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+	RadioGroupItemContext: () => RadioGroupItemContext,
+	RadioGroupItemFrame: () => RadioGroupItemFrame
+});
+module.exports = __toCommonJS(RadioGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_radio_headless = require("@tamagui/radio-headless");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_react = __toESM(require("react"), 1);
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
+});
+var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+var RadioGroupIndicatorFrame = (0, import_core.styled)(import_core.View, { displayName: RADIO_GROUP_INDICATOR_NAME });
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
+	checked: false,
+	disabled: false
+});
+var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
+	var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
+	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+		orientation,
+		name,
+		defaultValue,
+		value,
+		onValueChange,
+		required,
+		disabled,
+		native,
+		accentColor
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		})
+	});
+});
+var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
+	var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+	var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id,
+		labelledBy,
+		disabled,
+		onPress,
+		onKeyDown
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		}), isFormControl && bubbleInput] })
+	});
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, function(props, forwardedRef) {
+	var { forceMount, disabled, ...indicatorProps } = props;
+	var { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled
+	});
+	if (forceMount || checked) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {
+			...useIndicatorRest,
+			ref: forwardedRef,
+			...indicatorProps
+		});
+	}
+	return null;
+});
+RadioGroupIndicator.displayName = "RadioGroupIndicator";
+var RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
+});
+RadioGroup.displayName = "RadioGroup";

package/dist/cjs/RadioGroup.native.js

@@ -1,138 +1,148 @@
 "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
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __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 RadioGroup_exports = {};
 __export(RadioGroup_exports, {
-  RadioGroupFrame: () => RadioGroupFrame,
-  RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
-  RadioGroupItemFrame: () => RadioGroupItemFrame
+	RadioGroup: () => RadioGroup,
+	RadioGroupContext: () => RadioGroupContext,
+	RadioGroupFrame: () => RadioGroupFrame,
+	RadioGroupIndicatorFrame: () => RadioGroupIndicatorFrame,
+	RadioGroupItemContext: () => RadioGroupItemContext,
+	RadioGroupItemFrame: () => RadioGroupItemFrame
 });
 module.exports = __toCommonJS(RadioGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
-var import_stacks = require("@tamagui/stacks");
+var import_radio_headless = require("@tamagui/radio-headless");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_react = __toESM(require("react"), 1);
 var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var RadioGroupItemFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        borderRadius: 1e3,
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        padding: 0,
-        hoverStyle: {
-          borderColor: "$borderColorHover",
-          backgroundColor: "$backgroundHover"
-        },
-        focusStyle: {
-          borderColor: "$borderColorHover",
-          backgroundColor: "$backgroundHover"
-        },
-        focusVisibleStyle: {
-          outlineStyle: "solid",
-          outlineWidth: 2,
-          outlineColor: "$outlineColor"
-        },
-        pressStyle: {
-          borderColor: "$borderColorFocus",
-          backgroundColor: "$backgroundFocus"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": function (value, param) {
-        var {
-          props
-        } = param;
-        var _props_scaleSize;
-        var size = Math.floor((0, import_core.getVariableValue)((0, import_get_token.getSize)(value)) * ((_props_scaleSize = props["scaleSize"]) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
-        return {
-          width: size,
-          height: size
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var RadioGroupItemFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_ITEM_NAME,
+	render: "button",
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
 });
 var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        width: "33%",
-        height: "33%",
-        borderRadius: 1e3,
-        backgroundColor: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
+var RadioGroupIndicatorFrame = (0, import_core.styled)(import_core.View, { displayName: RADIO_GROUP_INDICATOR_NAME });
 var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
+var RadioGroupFrame = (0, import_core.styled)(import_core.View, {
+	displayName: RADIO_GROUP_NAME,
+	variants: { orientation: {
+		horizontal: {
+			flexDirection: "row",
+			spaceDirection: "horizontal"
+		},
+		vertical: {
+			flexDirection: "column",
+			spaceDirection: "vertical"
+		}
+	} }
+});
+var RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});
+var RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({
+	checked: false,
+	disabled: false
+});
+var RadioGroupComponent = (0, import_core.createStyledHOC)(RadioGroupFrame, function(props, ref) {
+	var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical", ...rest } = props;
+	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({
+		orientation,
+		name,
+		defaultValue,
+		value,
+		onValueChange,
+		required,
+		disabled,
+		native,
+		accentColor
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+		value: providerValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		})
+	});
 });
+var RadioGroupItem = (0, import_core.createStyledHOC)(RadioGroupItemFrame, function(props, ref) {
+	var { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+	var { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = (0, import_radio_headless.useRadioGroupItem)({
+		radioGroupContext: RadioGroupContext,
+		value,
+		id,
+		labelledBy,
+		disabled,
+		onPress,
+		onKeyDown
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
+		value: providerValue,
+		children: import_core.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+			...rovingFocusGroupAttrs,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemFrame, {
+				...frameAttrs,
+				ref,
+				...rest
+			})
+		}), isFormControl && bubbleInput] })
+	});
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+var RadioGroupIndicator = (0, import_core.createStyledHOC)(RadioGroupIndicatorFrame, function(props, forwardedRef) {
+	var { forceMount, disabled, ...indicatorProps } = props;
+	var { checked, ...useIndicatorRest } = (0, import_radio_headless.useRadioGroupItemIndicator)({
+		radioGroupItemContext: RadioGroupItemContext,
+		disabled
+	});
+	if (forceMount || checked) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupIndicatorFrame, {
+			...useIndicatorRest,
+			ref: forwardedRef,
+			...indicatorProps
+		});
+	}
+	return null;
+});
+RadioGroupIndicator.displayName = "RadioGroupIndicator";
+var RadioGroup = (0, import_core.withStaticProperties)(RadioGroupComponent, {
+	Item: RadioGroupItem,
+	Indicator: RadioGroupIndicator
+});
+RadioGroup.displayName = "RadioGroup";
+
 //# sourceMappingURL=RadioGroup.native.js.map