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

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

"use strict";var j=Object.create;var d=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var Y=(o,e)=>{for(var t in e)d(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of J(e))!Q.call(o,r)&&r!==t&&d(o,r,{get:()=>e[r],enumerable:!(i=z(e,r))||i.enumerable});return o};var v=(o,e,t)=>(t=o!=null?j(L(o)):{},y(e||!o||!o.__esModule?d(t,"default",{value:o,enumerable:!0}):t,o)),Z=o=>y(d({},"__esModule",{value:!0}),o);var ro={};Y(ro,{CheckboxGroup:()=>m,CheckboxGroupIndicator:()=>h,CheckboxGroupItem:()=>C,Indicator:()=>w,Item:()=>O,Root:()=>M,createCheckboxGroupScope:()=>A});module.exports=Z(ro);var c=v(require("react")),S=v(require("@radix-ui/react-checkbox")),R=require("@radix-ui/react-checkbox"),q=require("@radix-ui/react-compose-refs"),N=require("@radix-ui/react-context"),W=require("@radix-ui/react-primitive"),E=v(require("@radix-ui/react-roving-focus")),I=require("@radix-ui/react-roving-focus"),D=require("@radix-ui/react-use-controllable-state"),U=require("@radix-ui/react-direction");const G="CheckboxGroup",[$,A]=(0,N.createContextScope)(G,[I.createRovingFocusGroupScope,R.createCheckboxScope]),F=(0,I.createRovingFocusGroupScope)(),_=(0,R.createCheckboxScope)(),[oo,eo]=$(G),m=c.forwardRef((o,e)=>{const{__scopeCheckboxGroup:t,name:i,defaultValue:r,value:p,required:n=!1,disabled:s=!1,orientation:l,dir:x,loop:b=!0,onValueChange:u,...k}=o,T=F(t),g=(0,U.useDirection)(x),[B=[],a]=(0,D.useControllableState)({prop:p,defaultProp:r,onChange:u}),H=c.useCallback(f=>a((P=[])=>[...P,f]),[a]),K=c.useCallback(f=>a((P=[])=>P.filter(X=>X!==f)),[a]);return c.createElement(oo,{scope:t,name:i,required:n,disabled:s,value:B,onItemCheck:H,onItemUncheck:K},c.createElement(E.Root,{asChild:!0,...T,orientation:l,dir:g,loop:b},c.createElement(W.Primitive.div,{role:"group","data-disabled":s?"":void 0,dir:g,...k,ref:e})))});m.displayName=G;const V="CheckboxGroupItem",C=c.forwardRef((o,e)=>{const{__scopeCheckboxGroup:t,disabled:i,...r}=o,p=eo(V,t),n=p.disabled||i,s=F(t),l=_(t),x=c.useRef(null),b=(0,q.useComposedRefs)(e,x),u=p.value?.includes(r.value);return c.createElement(E.Item,{asChild:!0,...s,focusable:!n,active:u},c.createElement(S.Root,{name:p.name,disabled:n,required:p.required,checked:u,...l,...r,ref:b,onCheckedChange:k=>{k?p.onItemCheck(o.value):p.onItemUncheck(o.value)}}))});C.displayName=V;const to="CheckboxGroupIndicator",h=c.forwardRef((o,e)=>{const{__scopeCheckboxGroup:t,...i}=o,r=_(t);return c.createElement(S.Indicator,{...r,...i,ref:e})});h.displayName=to;const M=m,O=C,w=h;
//# sourceMappingURL=checkbox-group.primitive.js.map