@undp/design-system-react/dist/CheckboxGroup.cjs

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./checkbox-DDaaAxQF.cjs");let r=require("react");r=e.r(r,1);let i=require("react/jsx-runtime");var a=r.default.createContext({selectedValues:[],onValueChange:()=>{},color:void 0,rounded:void 0,variant:void 0}),o=r.default.forwardRef(({className:e,children:n,value:o,rounded:s,variant:c,color:l,onValueChange:u,defaultValue:d,...f},p)=>{let[m,h]=r.default.useState(d||[]),g=o===void 0?m:o,_=r.default.useCallback((e,t)=>{let n=t?[...g,e]:g.filter(t=>t!==e);o===void 0&&h(n),u?.(n)},[g,o,u]),v=r.default.useMemo(()=>({selectedValues:g,color:l,variant:c,onValueChange:_}),[g,_,l,c]);return(0,i.jsx)(a.Provider,{value:v,children:(0,i.jsx)(`div`,{...f,className:t.t(`flex flex-row flex-wrap gap-x-4 gap-y-2`,e),ref:p,children:n})})});o.displayName=`CheckboxGroup`;var s=r.default.forwardRef(({value:e,...t},o)=>{let{selectedValues:s,onValueChange:c,color:l,rounded:u,variant:d}=r.default.useContext(a);return(0,i.jsx)(n.t,{ref:o,...t,value:e,color:l,rounded:u,variant:d,checked:s.includes(e),onCheckedChange:t=>c(e,t===!0)})});s.displayName=`CheckboxGroupItem`,exports.CheckboxGroup=o,exports.CheckboxGroupItem=s;
//# sourceMappingURL=CheckboxGroup.cjs.map