UNPKG

@radix-ui/themes

Version:

[![Radix Themes Logo](https://radix-ui.com/social/themes.png)](https://radix-ui.com/themes)

3 lines (2 loc) 2.44 kB
"use strict";"use client";var _=Object.create;var m=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var z=(o,e)=>{for(var r in e)m(o,r,{get:e[r],enumerable:!0})},I=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of D(e))!O.call(o,t)&&t!==r&&m(o,t,{get:()=>e[t],enumerable:!(p=g(e,t))||p.enumerable});return o};var y=(o,e,r)=>(r=o!=null?_(w(o)):{},I(e||!o||!o.__esModule?m(r,"default",{value:o,enumerable:!0}):r,o)),M=o=>I(m({},"__esModule",{value:!0}),o);var j={};z(j,{Item:()=>l,Root:()=>P});module.exports=M(j);var a=y(require("react")),u=y(require("classnames")),N=require("radix-ui/internal"),R=require("radix-ui"),d=require("./radio-group.props.js"),v=require("./text.js"),c=require("../helpers/extract-props.js"),f=require("../props/margin.props.js");const x="RadioGroup",[T]=N.Context.createContextScope(x,[R.RadioGroup.createRadioGroupScope]),C=R.RadioGroup.createRadioGroupScope(),[W,h]=T(x),P=a.forwardRef(({color:o=d.radioGroupRootPropDefs.color.default,highContrast:e=d.radioGroupRootPropDefs.highContrast.default,size:r=d.radioGroupRootPropDefs.size.default,variant:p=d.radioGroupRootPropDefs.variant.default,...t},s)=>{const{__scopeRadioGroup:i,className:n,...S}=(0,c.extractProps)(t,f.marginPropDefs),E=C(i);return a.createElement(W,{scope:i,color:o,highContrast:e,size:r,variant:p},a.createElement(R.RadioGroup.Root,{...E,...S,ref:s,className:(0,u.default)("rt-RadioGroupRoot",n)}))});P.displayName="RadioGroup.Root";const l=a.forwardRef((o,e)=>{const{__scopeRadioGroup:r,children:p,className:t,style:s,...i}=o,{size:n}=h("RadioGroupItem",r);return p?a.createElement(v.Text,{as:"label",size:n,className:(0,u.default)("rt-RadioGroupItem",t),style:s},a.createElement(G,{__scopeRadioGroup:r,...i,ref:e}),p&&a.createElement("span",{className:"rt-RadioGroupItemInner"},p)):a.createElement(G,{__scopeRadioGroup:r,...i,ref:e,className:t,style:s})});l.displayName="RadioGroup.Item";const G=a.forwardRef(({__scopeRadioGroup:o,...e},r)=>{const p=h("RadioGroupItemRadio",o),t=C(o),{color:s,className:i}=(0,c.extractProps)({...e,...p},d.radioGroupRootPropDefs,f.marginPropDefs);return a.createElement(R.RadioGroup.Item,{...t,"data-accent-color":s,...e,asChild:!1,ref:r,className:(0,u.default)("rt-reset","rt-BaseRadioRoot",i)})});G.displayName="RadioGroup.ItemRadio"; //# sourceMappingURL=radio-group.js.map