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

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

"use client";import*as o from"react";import C from"classnames";import{createContextScope as y}from"@radix-ui/react-context";import*as i from"./checkbox-group.primitive.js";import{createCheckboxGroupScope as n}from"./checkbox-group.primitive.js";import{checkboxGroupRootPropDefs as x}from"./checkbox-group.props.js";import{extractProps as k}from"../helpers/index.js";import{marginPropDefs as a}from"../props/index.js";import{ThickCheckIcon as R}from"./icons.js";import{Text as v}from"./text.js";const b="CheckboxGroup",[N]=y(b,[n]),G=n(),[E,P]=N(b),f=o.forwardRef(({color:s=x.color.default,highContrast:e=x.highContrast.default,size:r=x.size.default,variant:t=x.variant.default,...p},m)=>{const{__scopeCheckboxGroup:c,className:h,...d}=k(p,a),I=G(c);return o.createElement(E,{scope:c,color:s,size:r,highContrast:e,variant:t},o.createElement(i.Root,{...I,...d,ref:m,className:C("rt-CheckboxGroupRoot",h)}))});f.displayName="CheckboxGroup.Root";const l=o.forwardRef((s,e)=>{const{__scopeCheckboxGroup:r,children:t,className:p,style:m,...c}=s,{size:h}=P("CheckboxGroupItem",r);return t?o.createElement(v,{as:"label",size:h,className:C("rt-CheckboxGroupItem",p),style:m},o.createElement(u,{__scopeCheckboxGroup:r,...c,ref:e}),t&&o.createElement("span",{className:"rt-CheckboxGroupItemInner"},t)):o.createElement(u,{__scopeCheckboxGroup:r,...c,ref:e,className:p,style:m})});l.displayName="CheckboxGroup.Item";const u=o.forwardRef(({__scopeCheckboxGroup:s,...e},r)=>{const t=P("CheckboxGroupItemCheckbox",s),p=G(s),{color:m,className:c}=k({...e,...t},x,a);return o.createElement(i.Item,{...p,"data-accent-color":m,...e,ref:r,className:C("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",c)},o.createElement(i.Indicator,{...p,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(R,null)))});u.displayName="CheckboxGroup.ItemCheckbox";export{l as Item,f as Root};
//# sourceMappingURL=checkbox-group.js.map