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

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

"use strict";"use client";var S=Object.create;var C=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var _=(o,e)=>{for(var r in e)C(o,r,{get:e[r],enumerable:!0})},P=(o,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of D(e))!z.call(o,t)&&t!==r&&C(o,t,{get:()=>e[t],enumerable:!(c=g(e,t))||c.enumerable});return o};var m=(o,e,r)=>(r=o!=null?S(E(o)):{},P(e||!o||!o.__esModule?C(r,"default",{value:o,enumerable:!0}):r,o)),w=o=>P(C({},"__esModule",{value:!0}),o);var T={};_(T,{Item:()=>b,Root:()=>n});module.exports=w(T);var s=m(require("react")),p=m(require("classnames")),u=require("@radix-ui/react-context"),h=m(require("./checkbox-group.primitive.js")),x=require("./checkbox-group.primitive.js"),R=require("./checkbox-cards.props.js"),y=require("./base-checkbox.props.js"),d=require("../helpers/index.js"),I=require("../props/index.js"),G=require("./grid.js"),v=require("./icons.js");const f="CheckboxCards",[B]=(0,u.createContextScope)(f,[x.createCheckboxGroupScope]),l=(0,x.createCheckboxGroupScope)(),[M,O]=B(f),n=s.forwardRef((o,e)=>{const{__scopeCheckboxCards:r,className:c,color:t,...i}=(0,d.extractProps)(o,R.checkboxCardsRootPropDefs,I.marginPropDefs),a=l(r);return s.createElement(M,{scope:r,size:o.size,highContrast:o.highContrast},s.createElement(G.Grid,{asChild:!0},s.createElement(h.Root,{...a,"data-accent-color":t,...i,ref:e,className:(0,p.default)("rt-CheckboxCardsRoot",c)})))});n.displayName="CheckboxCards.Root";const b=s.forwardRef(({__scopeCheckboxCards:o,children:e,className:r,style:c,...t},i)=>{const a=O("CheckboxCardsItem",o),k=l(o),{className:N}=(0,d.extractProps)({size:a?.size,variant:"surface",highContrast:a?.highContrast},y.baseCheckboxPropDefs);return s.createElement("label",{className:(0,p.default)("rt-BaseCard","rt-CheckboxCardsItem",r),style:c},e,s.createElement(h.Item,{...k,...t,ref:i,className:(0,p.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",N)},s.createElement(h.Indicator,{...k,asChild:!0,className:"rt-BaseCheckboxIndicator"},s.createElement(v.ThickCheckIcon,null))))});b.displayName="CheckboxCards.Item";
//# sourceMappingURL=checkbox-cards.js.map