@tamagui/radio-group 1.96.0 → 1.97.0

package/dist/jsx/RadioGroup.js

@@ -1,54 +1,7 @@
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb } from "@tamagui/constants";
 import { getVariableValue, styled } from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-
 import { getSize } from "@tamagui/get-token";
-import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
-import { useLabelContext } from "@tamagui/label";
-import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { ThemeableStack } from "@tamagui/stacks";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { usePrevious } from "@tamagui/use-previous";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = styled(ThemeableStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        width: "33%",
-        height: "33%",
-        borderRadius: 1e3,
-        backgroundColor: "$color",
-        pressTheme: !0
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), RadioIndicator = RadioIndicatorFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeRadioGroupItem, forceMount, disabled, ...indicatorProps } = props, { checked } = useRadioGroupItemContext(
-        RADIO_GROUP_INDICATOR_NAME,
-        __scopeRadioGroupItem
-      );
-      return forceMount || checked ? /* @__PURE__ */ jsx(
-        RadioIndicatorFrame,
-        {
-          "data-state": getState(checked),
-          "data-disabled": disabled ? "" : void 0,
-          ...indicatorProps,
-          ref: forwardedRef
-        }
-      ) : null;
-    }
-  )
-);
-RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame = styled(ThemeableStack, {
+const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(ThemeableStack, {
   name: RADIO_GROUP_ITEM_NAME,
   tag: "button",
   variants: {
@@ -114,144 +67,23 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), RadioGroupItem = RadioGroupItemFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeRadioGroup,
-        value,
-        labelledBy: ariaLabelledby,
-        disabled: itemDisabled,
-        ...itemProps
-      } = props, {
-        value: groupValue,
-        disabled,
-        required,
-        onChange,
-        name,
-        native,
-        accentColor
-      } = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), [button, setButton] = React.useState(null), hasConsumerStoppedPropagationRef = React.useRef(!1), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node), ref), isArrowKeyPressedRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
-      React.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 /* @__PURE__ */ jsx(RadioGroupItemProvider, { checked, scope: __scopeRadioGroup, children: isWeb && native ? /* @__PURE__ */ jsx(
-        BubbleInput,
-        {
-          control: button,
-          bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
-          value,
-          checked,
-          required,
-          disabled: isDisabled,
-          id: props.id,
-          accentColor
-        }
-      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          RovingFocusGroup.Item,
-          {
-            __scopeRovingFocusGroup: RADIO_GROUP_NAME,
-            asChild: "except-style",
-            focusable: !isDisabled,
-            active: checked,
-            children: /* @__PURE__ */ jsx(
-              RadioGroupItemFrame,
-              {
-                "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
-                },
-                ...itemProps,
-                onPress: composeEventHandlers(props.onPress, (event) => {
-                  checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-                }),
-                ...isWeb && {
-                  onKeyDown: composeEventHandlers(
-                    props.onKeyDown,
-                    (event) => {
-                      event.key === "Enter" && event.preventDefault();
-                    }
-                  ),
-                  onFocus: composeEventHandlers(itemProps.onFocus, () => {
-                    isArrowKeyPressedRef.current && ref.current?.click();
-                  })
-                }
-              }
-            )
-          }
-        ),
-        isFormControl && /* @__PURE__ */ jsx(
-          BubbleInput,
-          {
-            isHidden: !0,
-            control: button,
-            bubbles: !hasConsumerStoppedPropagationRef.current,
-            name,
-            value,
-            checked,
-            required,
-            disabled: isDisabled
-          }
-        )
-      ] }) });
-    }
-  )
-), 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
+}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(ThemeableStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        width: "33%",
+        height: "33%",
+        borderRadius: 1e3,
+        backgroundColor: "$color",
+        pressTheme: !0
       }
     }
-  );
-}, RadioGroupFrame = styled(ThemeableStack, {
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(ThemeableStack, {
   name: RADIO_GROUP_NAME,
   variants: {
     orientation: {
@@ -265,70 +97,10 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadi
       }
     }
   }
-}), RadioGroup = withStaticProperties(
-  RadioGroupFrame.extractable(
-    React.forwardRef(
-      (props, forwardedRef) => {
-        const {
-          __scopeRadioGroup,
-          value: valueProp,
-          defaultValue,
-          onValueChange,
-          disabled = !1,
-          required = !1,
-          name,
-          orientation,
-          native,
-          accentColor,
-          ...radioGroupProps
-        } = props, [value, setValue] = useControllableState({
-          prop: valueProp,
-          defaultProp: defaultValue,
-          onChange: onValueChange
-        });
-        return /* @__PURE__ */ jsx(
-          RadioGroupProvider,
-          {
-            scope: __scopeRadioGroup,
-            value,
-            required,
-            onChange: setValue,
-            disabled,
-            name,
-            native,
-            accentColor,
-            children: /* @__PURE__ */ jsx(
-              RovingFocusGroup,
-              {
-                __scopeRovingFocusGroup: RADIO_GROUP_NAME,
-                orientation,
-                loop: !0,
-                children: /* @__PURE__ */ jsx(
-                  RadioGroupFrame,
-                  {
-                    role: "radiogroup",
-                    "aria-orientation": orientation,
-                    ref: forwardedRef,
-                    orientation,
-                    "data-disabled": disabled ? "" : void 0,
-                    ...radioGroupProps
-                  }
-                )
-              }
-            )
-          }
-        );
-      }
-    )
-  ),
-  {
-    Indicator: RadioIndicator,
-    Item: RadioGroupItem
-  }
-);
-RadioGroup.displayName = RADIO_GROUP_NAME;
+});
 export {
-  RadioGroup,
-  createRadioGroupScope
+  RadioGroupFrame,
+  RadioGroupIndicatorFrame,
+  RadioGroupItemFrame
 };
 //# sourceMappingURL=RadioGroup.js.map

package/dist/jsx/RadioGroup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/RadioGroup.tsx"],
-  "mappings": "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",
+  "mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAE/B,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,gBAAgB;AAAA,EAC7D,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,gBAAgB;AAAA,EACpD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/RadioGroup.mjs

@@ -1,59 +1,7 @@
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb } from "@tamagui/constants";
 import { getVariableValue, styled } from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
 import { getSize } from "@tamagui/get-token";
-import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
-import { useLabelContext } from "@tamagui/label";
-import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { ThemeableStack } from "@tamagui/stacks";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { usePrevious } from "@tamagui/use-previous";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const RADIO_GROUP_NAME = "RadioGroup",
-  ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
-  [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME),
-  [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME),
-  getState = checked => checked ? "checked" : "unchecked",
-  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
-  RadioIndicatorFrame = styled(ThemeableStack, {
-    name: RADIO_GROUP_INDICATOR_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          width: "33%",
-          height: "33%",
-          borderRadius: 1e3,
-          backgroundColor: "$color",
-          pressTheme: !0
-        }
-      }
-    },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }),
-  RadioIndicator = RadioIndicatorFrame.extractable(React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeRadioGroupItem,
-        forceMount,
-        disabled,
-        ...indicatorProps
-      } = props,
-      {
-        checked
-      } = useRadioGroupItemContext(RADIO_GROUP_INDICATOR_NAME, __scopeRadioGroupItem);
-    return forceMount || checked ? /* @__PURE__ */jsx(RadioIndicatorFrame, {
-      "data-state": getState(checked),
-      "data-disabled": disabled ? "" : void 0,
-      ...indicatorProps,
-      ref: forwardedRef
-    }) : null;
-  }));
-RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
 const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
-  [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME),
   RadioGroupItemFrame = styled(ThemeableStack, {
     name: RADIO_GROUP_ITEM_NAME,
     tag: "button",
@@ -121,147 +69,25 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  RadioGroupItem = RadioGroupItemFrame.extractable(React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeRadioGroup,
-        value,
-        labelledBy: ariaLabelledby,
-        disabled: itemDisabled,
-        ...itemProps
-      } = props,
-      {
-        value: groupValue,
-        disabled,
-        required,
-        onChange,
-        name,
-        native,
-        accentColor
-      } = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup),
-      [button, setButton] = React.useState(null),
-      hasConsumerStoppedPropagationRef = React.useRef(!1),
-      ref = React.useRef(null),
-      composedRefs = useComposedRefs(forwardedRef, node => setButton(node), ref),
-      isArrowKeyPressedRef = React.useRef(!1),
-      isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
-      checked = groupValue === value,
-      labelId = useLabelContext(button),
-      labelledBy = ariaLabelledby || labelId;
-    React.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 /* @__PURE__ */jsx(RadioGroupItemProvider, {
-      checked,
-      scope: __scopeRadioGroup,
-      children: isWeb && native ? /* @__PURE__ */jsx(BubbleInput, {
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name,
-        value,
-        checked,
-        required,
-        disabled: isDisabled,
-        id: props.id,
-        accentColor
-      }) : /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
-          __scopeRovingFocusGroup: RADIO_GROUP_NAME,
-          asChild: "except-style",
-          focusable: !isDisabled,
-          active: checked,
-          children: /* @__PURE__ */jsx(RadioGroupItemFrame, {
-            "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
-            }),
-            ...itemProps,
-            onPress: composeEventHandlers(props.onPress, event => {
-              checked || onChange?.(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-            }),
-            ...(isWeb && {
-              onKeyDown: composeEventHandlers(props.onKeyDown, event => {
-                event.key === "Enter" && event.preventDefault();
-              }),
-              onFocus: composeEventHandlers(itemProps.onFocus, () => {
-                isArrowKeyPressedRef.current && ref.current?.click();
-              })
-            })
-          })
-        }), isFormControl && /* @__PURE__ */jsx(BubbleInput, {
-          isHidden: !0,
-          control: button,
-          bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
-          value,
-          checked,
-          required,
-          disabled: isDisabled
-        })]
-      })
-    });
-  })),
-  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
+  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
+  RadioGroupIndicatorFrame = styled(ThemeableStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          width: "33%",
+          height: "33%",
+          borderRadius: 1e3,
+          backgroundColor: "$color",
+          pressTheme: !0
+        }
       }
-    });
-  },
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  RADIO_GROUP_NAME = "RadioGroup",
   RadioGroupFrame = styled(ThemeableStack, {
     name: RADIO_GROUP_NAME,
     variants: {
@@ -276,52 +102,5 @@ const RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
         }
       }
     }
-  }),
-  RadioGroup = withStaticProperties(RadioGroupFrame.extractable(React.forwardRef((props, forwardedRef) => {
-    const {
-        __scopeRadioGroup,
-        value: valueProp,
-        defaultValue,
-        onValueChange,
-        disabled = !1,
-        required = !1,
-        name,
-        orientation,
-        native,
-        accentColor,
-        ...radioGroupProps
-      } = props,
-      [value, setValue] = useControllableState({
-        prop: valueProp,
-        defaultProp: defaultValue,
-        onChange: onValueChange
-      });
-    return /* @__PURE__ */jsx(RadioGroupProvider, {
-      scope: __scopeRadioGroup,
-      value,
-      required,
-      onChange: setValue,
-      disabled,
-      name,
-      native,
-      accentColor,
-      children: /* @__PURE__ */jsx(RovingFocusGroup, {
-        __scopeRovingFocusGroup: RADIO_GROUP_NAME,
-        orientation,
-        loop: !0,
-        children: /* @__PURE__ */jsx(RadioGroupFrame, {
-          role: "radiogroup",
-          "aria-orientation": orientation,
-          ref: forwardedRef,
-          orientation,
-          "data-disabled": disabled ? "" : void 0,
-          ...radioGroupProps
-        })
-      })
-    });
-  })), {
-    Indicator: RadioIndicator,
-    Item: RadioGroupItem
   });
-RadioGroup.displayName = RADIO_GROUP_NAME;
-export { RadioGroup, createRadioGroupScope };
+export { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame };