@radix-ui/themes/dist/esm/components/radio-group.js

[](https://radix-ui.com/themes)

"use client";import*as o from"react";import m from"classnames";import{createContextScope as N}from"@radix-ui/react-context";import*as n from"@radix-ui/react-radio-group";import{createRadioGroupScope as c}from"@radix-ui/react-radio-group";import{radioGroupRootPropDefs as d}from"./radio-group.props.js";import{extractProps as G}from"../helpers/index.js";import{marginPropDefs as f}from"../props/index.js";import{Text as v}from"./text.js";const P="RadioGroup",[S]=N(P,[c]),l=c(),[E,I]=S(P),y=o.forwardRef(({color:a=d.color.default,highContrast:e=d.highContrast.default,size:r=d.size.default,variant:t=d.variant.default,...i},s)=>{const{__scopeRadioGroup:p,className:R,...C}=G(i,f),h=l(p);return o.createElement(E,{scope:p,color:a,highContrast:e,size:r,variant:t},o.createElement(n.Root,{...h,...C,ref:s,className:m("rt-RadioGroupRoot",R)}))});y.displayName="RadioGroup.Root";const x=o.forwardRef((a,e)=>{const{__scopeRadioGroup:r,children:t,className:i,style:s,...p}=a,{size:R}=I("RadioGroupItem",r);return t?o.createElement(v,{as:"label",size:R,className:m("rt-RadioGroupItem",i),style:s},o.createElement(u,{__scopeRadioGroup:r,...p,ref:e}),t&&o.createElement("span",{className:"rt-RadioGroupItemInner"},t)):o.createElement(u,{__scopeRadioGroup:r,...p,ref:e,className:i,style:s})});x.displayName="RadioGroup.Item";const u=o.forwardRef(({__scopeRadioGroup:a,...e},r)=>{const t=I("RadioGroupItemRadio",a),i=l(a),{color:s,className:p}=G({...e,...t},d,f);return o.createElement(n.Item,{...i,"data-accent-color":s,...e,asChild:!1,ref:r,className:m("rt-reset","rt-BaseRadioRoot",p)})});u.displayName="RadioGroup.ItemRadio";export{x as Item,y as Root};
//# sourceMappingURL=radio-group.js.map