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

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

"use strict";"use client";var g=Object.create;var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var N=(e,o)=>{for(var r in o)i(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of D(o))!R.call(e,t)&&t!==r&&i(e,t,{get:()=>o[t],enumerable:!(p=v(o,t))||p.enumerable});return e};var h=(e,o,r)=>(r=e!=null?g(I(e)):{},k(o||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),T=e=>k(i({},"__esModule",{value:!0}),e);var j={};N(j,{Checkbox:()=>a});module.exports=T(j);var c=h(require("react")),f=h(require("classnames")),C=h(require("@radix-ui/react-checkbox")),d=require("@radix-ui/react-use-controllable-state"),l=require("./checkbox.props.js"),s=require("./icons.js"),x=require("../helpers/extract-props.js"),P=require("../props/margin.props.js");const a=c.forwardRef((e,o)=>{const{className:r,color:p,checked:t,defaultChecked:m,onCheckedChange:b,...y}=(0,x.extractProps)(e,l.checkboxPropDefs,P.marginPropDefs),[n,u]=(0,d.useControllableState)({prop:t,defaultProp:m,onChange:b});return c.createElement(C.Root,{"data-accent-color":p,...y,defaultChecked:m,checked:n,onCheckedChange:u,asChild:!1,ref:o,className:(0,f.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",r)},c.createElement(C.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},c.createElement(n==="indeterminate"?s.ThickDividerHorizontalIcon:s.ThickCheckIcon,null)))});a.displayName="Checkbox";
//# sourceMappingURL=checkbox.js.map