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

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

"use strict";"use client";var g=Object.create;var C=Object.defineProperty;var S=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=S(e,t))||c.enumerable});return o};var i=(o,e,r)=>(r=o!=null?g(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 j={};_(j,{Item:()=>b,Root:()=>d});module.exports=w(j);var s=i(require("react")),a=i(require("classnames")),R=require("radix-ui/internal"),h=i(require("./checkbox-group.primitive.js")),n=require("./checkbox-group.primitive.js"),u=require("./checkbox-cards.props.js"),y=require("./_internal/base-checkbox.props.js"),I=require("./grid.js"),G=require("./icons.js"),x=require("../helpers/extract-props.js"),v=require("../props/margin.props.js");const f="CheckboxCards",[B]=R.Context.createContextScope(f,[n.createCheckboxGroupScope]),l=(0,n.createCheckboxGroupScope)(),[M,O]=B(f),d=s.forwardRef((o,e)=>{const{__scopeCheckboxCards:r,className:c,color:t,...m}=(0,x.extractProps)(o,u.checkboxCardsRootPropDefs,v.marginPropDefs),p=l(r);return s.createElement(M,{scope:r,size:o.size,highContrast:o.highContrast},s.createElement(I.Grid,{asChild:!0},s.createElement(h.Root,{...p,"data-accent-color":t,...m,ref:e,className:(0,a.default)("rt-CheckboxCardsRoot",c)})))});d.displayName="CheckboxCards.Root";const b=s.forwardRef(({__scopeCheckboxCards:o,children:e,className:r,style:c,...t},m)=>{const p=O("CheckboxCardsItem",o),k=l(o),{className:N}=(0,x.extractProps)({size:p?.size,variant:"surface",highContrast:p?.highContrast},y.baseCheckboxPropDefs);return s.createElement("label",{className:(0,a.default)("rt-BaseCard","rt-CheckboxCardsItem",r),style:c},e,s.createElement(h.Item,{...k,...t,ref:m,className:(0,a.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",N)},s.createElement(h.Indicator,{...k,asChild:!0,className:"rt-BaseCheckboxIndicator"},s.createElement(G.ThickCheckIcon,null))))});b.displayName="CheckboxCards.Item";
//# sourceMappingURL=checkbox-cards.js.map