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

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

"use strict";"use client";var _=Object.create;var h=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var T=(o,e)=>{for(var r in e)h(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of w(e))!O.call(o,t)&&t!==r&&h(o,t,{get:()=>e[t],enumerable:!(c=g(e,t))||c.enumerable});return o};var i=(o,e,r)=>(r=o!=null?_(D(o)):{},l(e||!o||!o.__esModule?h(r,"default",{value:o,enumerable:!0}):r,o)),z=o=>l(h({},"__esModule",{value:!0}),o);var j={};T(j,{Item:()=>f,Root:()=>P});module.exports=z(j);var p=i(require("react")),C=i(require("classnames")),R=require("radix-ui/internal"),n=i(require("./checkbox-group.primitive.js")),a=require("./checkbox-group.primitive.js"),x=require("./checkbox-group.props.js"),v=require("./icons.js"),N=require("./text.js"),b=require("../helpers/extract-props.js"),G=require("../props/margin.props.js");const I="CheckboxGroup",[M]=R.Context.createContextScope(I,[a.createCheckboxGroupScope]),d=(0,a.createCheckboxGroupScope)(),[W,y]=M(I),P=p.forwardRef(({color:o=x.checkboxGroupRootPropDefs.color.default,highContrast:e=x.checkboxGroupRootPropDefs.highContrast.default,size:r=x.checkboxGroupRootPropDefs.size.default,variant:c=x.checkboxGroupRootPropDefs.variant.default,...t},m)=>{const{__scopeCheckboxGroup:s,className:u,...E}=(0,b.extractProps)(t,G.marginPropDefs),S=d(s);return p.createElement(W,{scope:s,color:o,size:r,highContrast:e,variant:c},p.createElement(n.Root,{...S,...E,ref:m,className:(0,C.default)("rt-CheckboxGroupRoot",u)}))});P.displayName="CheckboxGroup.Root";const f=p.forwardRef((o,e)=>{const{__scopeCheckboxGroup:r,children:c,className:t,style:m,...s}=o,{size:u}=y("CheckboxGroupItem",r);return c?p.createElement(N.Text,{as:"label",size:u,className:(0,C.default)("rt-CheckboxGroupItem",t),style:m},p.createElement(k,{__scopeCheckboxGroup:r,...s,ref:e}),c&&p.createElement("span",{className:"rt-CheckboxGroupItemInner"},c)):p.createElement(k,{__scopeCheckboxGroup:r,...s,ref:e,className:t,style:m})});f.displayName="CheckboxGroup.Item";const k=p.forwardRef(({__scopeCheckboxGroup:o,...e},r)=>{const c=y("CheckboxGroupItemCheckbox",o),t=d(o),{color:m,className:s}=(0,b.extractProps)({...e,...c},x.checkboxGroupRootPropDefs,G.marginPropDefs);return p.createElement(n.Item,{...t,"data-accent-color":m,...e,ref:r,className:(0,C.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",s)},p.createElement(n.Indicator,{...t,asChild:!0,className:"rt-BaseCheckboxIndicator"},p.createElement(v.ThickCheckIcon,null)))});k.displayName="CheckboxGroup.ItemCheckbox";
//# sourceMappingURL=checkbox-group.js.map